1、views层

父组件:

<el-dialog title="编辑活动" :visible.sync="dialogCreateVisible" :close-on-click-modal="false" width="70%" :append-to-body="true" @dialogClose="dialogClose">
    <activies-create :formData.sync="createForm" @cancelCreate="cancel" @okCreate="ok" />
</el-dialog>

补充:
通过.sync实现数据双向绑定, 从而同步父子组件数据
通过数据的双向绑定, 父组件可以修改子的数据, 子组件也可以修改父的数据

2、methods(数据处理)

父组件:(初始声明)

//Object(对象--多个参数)
createForm:{
    sellerId: 0,
    activityid: 0
}

//String(一个参数)
currentSellerId: 0

子组件

  • props接受参数
  • watch监听formData中值的变化
  1. immediate:true 将立即以表达式的当前值触发回调
  2. handle:watch中需要具体执行的方法
  3. deep:需要监听的数据的深度,一般用来监听对象中某个属性的变化
props:{
    formData: Object
},
watch: {
    formData: {
        immediate: true,
        handler (val) {
            this.sellerId = val.sellerId;
            this.activityid = val.activityid;
            this.getList();
        },
        deep: true
    }
}
Logo

前往低代码交流专区

更多推荐