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

【问题标题】：Calling outside method inside a VUE.JS component在 VUE.JS 组件中调用外部方法
【发布时间】：2021-01-24 13:38:44
【问题描述】：

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

谢谢

【问题讨论】：

你的意思是你想从父组件中的子组件运行一个方法？有几种方法可以做到这一点，我通常通过设置 ref 来访问子组件的方法，之后您可以通过 this.$refs['component name'] 访问组件范围
我想在子组件中运行父组件的一个方法

【解决方案1】：

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

<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
  }
}

【讨论】：