메소드 객체의 함수 내에서 사용자 정의 이벤트 발생

Question

버튼에서 v-on : click 이벤트가 트리거되면 내 Vue 구성 요소 내 메소드 객체 내에서 함수를 실행하고 싶습니다. 불행하게도, 커스텀 이벤트를 발생시킬 필요가 있기 때문에, 콘솔에 다음과 같은 에러가 발생합니다. $ emit가 정의되지 않았습니다.

메서드 개체의 함수 내에서 사용자 지정 이벤트를 내보내려면 어떻게해야합니까?

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

Answer 1

함께 시도

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

내 방법은 사용자 정의 이벤트를 방출하는 코드를 포함하는 객체 내 템플릿의 버튼 this

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