也可以参考官网的:vm-emit
作用:子组件想要调用到父组件的方法。
使用$emit触发父组件中写好的方法。
标识 :
如,父组件中使用子组件IndexFrom,并向子组件传递一个叫closed的方法:
<IndexFrom v-on:closed="closed" if="online"></IndexFrom>
这个方法写在父组件中:
closed() {
this.online = false;
},
在子组件中调用:
当点击关闭的时候,触发父组件中定义的方法。
<div class="mask" @click="close">关闭</div>
子组件中定义的方法:其中 this.$emit("closed");中的closed是父组件方法的别名,可自取。
close() {
this.$emit("closed");
},