当在页面使用子组件时,页面进行渲染时,子组件已经进行渲染,所以会出现当父组件的值进行修改时,子组件没有重新渲染。
一般来说,父子组件传值,当父组件值变化时子组件的值也会实时变化,
子组件使用prop接收数据
props: {
tableData: {
type: Array,
default: []
},
tableLabel: {
type: Array,
default: []
}, config: {
type: Object,
default: {
}
}
},
data() {
return {
tableData1: this.tableData || [],
tableLabel1: this.tableLabel || [],
config1: this.config || {
},
isShow: false,
}
},
使用watch监控
watch: {
tableData: {
immediate: true,
deep: true,
handler(newVal, oldVal) {
// console.log(newVal, "newVal");
this.tableData1=newVal;
}
}
}