JZTXT

vue的几个记录

发布时间 2023-04-10 08:50:23作者: 不加班不熬夜的男子

1.父组件传递子组卷数组参数

props: {
  boxData: {
        type: Array,
        default: () => [],  //重点
  },

2.要实现父组件传递子组卷的参数动态更新

（父-》子-》子，也只需要在最后一个子组件监听即可。）

需要用到监听器

watch:{
    //监听父组件传递的参数，以动态更新
    boxData:{
        handler(newValue,oldValue){
            this.columns = this.boxData;
        },
        immediate:true,
        deep:true
    }
},
我这个数组参数传递过去，watch这里如果不谢deep:true，则实现不了动态更新。