전체 vuejs 구성 요소를 클릭하는 방법

전체 vuejs 구성 요소를 클릭하는 방법

나는 구성 요소가 있다.

그리고 클릭 후 실행 방법을 원한다.

<my-component @click="showOtherDiv"></my-component>

나는 주요 앱 방법에 대해 이 방법을 가지고 있다.

var app = new Vue({
    el: '#app',

    data: {},

    methods: {
        showOtherDiv : function(){
            alert('Some message');
        }
    }
});

그러나 전체 구성 요소에서 "클릭"이 작동하지 않는 것 같다.

1. 구성 요소를 등록하고 내부에 처리기 메서드를 선언하십시오.

   Vue.component('my-component', {
       // ...
       methods: {
           showOtherDiv : function(){
               alert('Some message');
           }
       }
   });
   

2. 추가.native이벤트 이름의 한정자:

   <my-component @click.native="showOtherDiv"></my-component>
   

   문서에서:

   구성 요소에 기본 이벤트 바인딩

   [……] 구성 요소의 루트 요소에 대한 네이티브 이벤트를 수신하려면 [……] 를 사용하십시오..native의 수식어.v-on.

참조URL: https://stackoverflow.com/questions/43514549/how-to-click-on-whole-vuejs-component