vue中props父组件向子组件传值组件通信以及Watch运用
1、views层父组件:<el-dialog title="编辑活动" :visible.sync="dialogCreateVisible" :close-on-click-modal="false" width="70%" :append-to-body="true" @dialogClose="dialogClose"><activies-create :...
·
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
中值的变化
immediate:
true 将立即以表达式的当前值触发回调handle:
watch中需要具体执行的方法deep:
需要监听的数据的深度,一般用来监听对象中某个属性的变化
props:{
formData: Object
},
watch: {
formData: {
immediate: true,
handler (val) {
this.sellerId = val.sellerId;
this.activityid = val.activityid;
this.getList();
},
deep: true
}
}
更多推荐
已为社区贡献12条内容
所有评论(0)