vue-父子组件之间通信

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

引入子组件

使用组件

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);

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。