美文网首页
vue-父子组件之间通信

vue-父子组件之间通信

作者: 未期有期 | 来源:发表于2018-12-24 17:41 被阅读0次

父组件向子组件传参


    首先要在父组件中引入子组件

引入子组件 使用组件

v-if是设置这个组件在父组件中是否可见,v-bind:formInline="sendvalue",也可以使用这种写法,:formInline="sendvalue"就是通过这个与子组件实现通信。

formInline是子组件要接收的变量名。sendvalue是父组件定义的一个对象。

通过一个点击事件,将数据传到子组件:

show是一个父组件中的一个点击事件

到这里,父组件已经将参数发送到子组件了,接下来要做的就是子组件接受这个参数:

子组件通过props接收来自父组件的参数

需要使用的时候直接formInline.的方式即可。

formInline.rolenum或者 formInline. rolename

子组件向父组件传参


还是上面的例子,子组件里有一个@close="editrole"。

this.$emit('close');

this.$emit('backdata',response.data);<这是带参数的情况>

$emit可接两个参数,第一个是触发当前实例上的事件,第二个是附加参数,他们都会传给监听器回调。

backdata2(data){

        this.data6=this.data6.concat(data);

},

相关文章

网友评论

      本文标题:vue-父子组件之间通信

      本文链接:https://www.haomeiwen.com/subject/uwdmkqtx.html