vue-父子组件之间通信

父组件向子组件传参 首先要在父组件中引入子组件
vue-父子组件之间通信
文章图片
引入子组件 vue-父子组件之间通信
文章图片
使用组件 v-if是设置这个组件在父组件中是否可见,v-bind:formInline="sendvalue",也可以使用这种写法,:formInline="sendvalue"就是通过这个与子组件实现通信。
formInline是子组件要接收的变量名。sendvalue是父组件定义的一个对象。
【vue-父子组件之间通信】通过一个点击事件,将数据传到子组件:
vue-父子组件之间通信
文章图片
show是一个父组件中的一个点击事件 到这里,父组件已经将参数发送到子组件了,接下来要做的就是子组件接受这个参数:
vue-父子组件之间通信
文章图片
子组件通过props接收来自父组件的参数 需要使用的时候直接formInline.的方式即可。
vue-父子组件之间通信
文章图片
formInline.rolenum或者 formInline. rolename 子组件向父组件传参 还是上面的例子,子组件里有一个@close="editrole"。
this.$emit('close');
this.$emit('backdata',response.data); <这是带参数的情况>
$emit可接两个参数,第一个是触发当前实例上的事件,第二个是附加参数,他们都会传给监听器回调。
backdata2(data){
this.data6=this.data6.concat(data);
},

    推荐阅读