在方法对象中的函数中发射自定义事件

Question

当V-on：单击事件在我的按钮上触发时，我想在vue组件内的方法对象中运行一个函数。不幸的是，由于我需要发出自定义事件，因此我在控制台中会收到以下错误：$ emit未定义。

如何在方法对象中的函数中发射自定义事件？

我的模板中的按钮

<button class="edit-recipe-modal-btn" v-on:click="updateRecipeClicked">Save Edits</button>

我的方法对象包含代码发射自定义事件

methods: {
  updateRecipeClicked() {
    $emit('update-recipe-clicked', newRecipe);
    // some other code will be written here
  }
},

Answer 1

尝试使用this

methods: {
  updateRecipeClicked() {
  this.$emit('update-recipe-clicked', this.newRecipe );
  // some other code will be written here
  }
},