vue.js - 在 VUE.JS 组件中调用外部方法

Question

我想问你是否有可能在 VUE.JS 组件“A”中调用另一个使用组件“A”的 VUE.JS 组件“B”的方法。

谢谢

Answer 1

您可以使用 $emit 来执行此操作。https://vuejs.org/v2/guide/components-custom-events.html

例如，假设您的子组件有一个删除按钮，可以将其从父页面中删除：

<span title="remove" v-on:click="$emit('delete')">x</span>

在这里，我使用 v-on:click 向父组件发出自定义事件。https://vuejs.org/v2/guide/events.html

在父组件中，我们侦听此事件并在事件发生时运行其中定义的一些函数：

<your-componet @delete="removeMe"/>

（@ 是 v-on: 指令的简写）

在父组件的方法属性中，您将定义 removeMe 函数：

methods :{
  removeMe () {
   // code to delete
  }
}