VUE父子组件之间值传递
2018-03-15 17:38
561 查看
父组件里面定义子组件
<bill-detail ref="billDetailChild" :billDetailVisible="billDetailVisible" :statementNo="statementNo" @getBillDetailVisible="getDetailVisibleData"></bill-detail>
:billDetailVisible="billDetailVisible"：将父组件的billDetailVisible传递给子组件，子组件定义一个参数名为billDetailVisible
@getBillDetailVisible="getDetailVisibleData"父组件接收子组件的值
子组件定义：watch: {
billDetailVisible(val) {
this.showDialog = val;
},
showDialog(val) {
this.$emit('getBillDetailVisible', val);
},
},
父组件写一个方法getDetailVisibleData接收子组件改变的值：
getDetailVisibleData(val) {
this.billDetailVisible = val;
},
<bill-detail ref="billDetailChild" :billDetailVisible="billDetailVisible" :statementNo="statementNo" @getBillDetailVisible="getDetailVisibleData"></bill-detail>
:billDetailVisible="billDetailVisible"：将父组件的billDetailVisible传递给子组件，子组件定义一个参数名为billDetailVisible
@getBillDetailVisible="getDetailVisibleData"父组件接收子组件的值
子组件定义：watch: {
billDetailVisible(val) {
this.showDialog = val;
},
showDialog(val) {
this.$emit('getBillDetailVisible', val);
},
},
父组件写一个方法getDetailVisibleData接收子组件改变的值：
getDetailVisibleData(val) {
this.billDetailVisible = val;
},
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue中非父子组件之间传递值
- vue.js---父子组件之间简单的数据传递
- vue 父子组件之间的数据传递
- vue.js 组件之间传递数据
- vue开发:vue父子组件与非父子组件之间的通信
- VUE快速入门新的——组件之间传递数据(1. Prop)
- vue2.0 父子组件之间的通信问题
- Vue 爬坑之路（二）—— 组件之间的数据传递
- vue 兄弟组件之间传数据之通过父组件来传递
- Angular06 组件、模块、父子组件之间的数据传递
- vue父子组件之间的传值
- Vue 父子组件的数据传递、修改和更新
- Vue.js 父子组件相互传递数据
- Angular2父子组件之间数据传递：父子组件共享服务通信
- Vue父子组件之间的通信实例详解
- vue 父子组件之间的通信 props
- vue组件间通信、数据传递（父子组件，同级组件）
- vue中各组件之间传递数据的方法示例
- vue.js使用props在父子组件之间传参
- vue中父子组件通信，异步数据传递