父组件向子组件传参
首先要在父组件中引入子组件
引入子组件 使用组件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);
},
网友评论