Vuejs2 如何单击整个vuejs组件

我有一个组件

我想在单击后运行方法

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

但“点击”似乎对整个组件不起作用

注册组件，并在其中声明处理程序方法：

Vue.component（'my-component'）{
// ...
方法：{
showOtherDiv:函数（）{
警报（“某些消息”）；
}
}
});

将

.native

修饰符添加到事件名称：

发件人：

将本机事件绑定到组件

[…]当您想要侦听组件的根元素上的本机事件[…]时，可以使用

v-on

的

.native

修饰符

---

它应该会起作用。您可以提供代码笔或JSFIDLE吗

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

    data: {},

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