也可以参考官网的: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");
    },

 

Logo

前往低代码交流专区

更多推荐