为什么直接绑定在 Vue 自定义组件标签上的事件无法触发

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2633 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题，我在自定义组件标签上绑定了事件，点击时却无法触发，代码如下：


<template id="test">
  <p>Hi</p>
</template>

<div id="app">
  <test @click="hello"></test>
</div>


Vue.component('test', {
  template: "#test"
})

new Vue({
  el: '#app',
  data: {},
  methods: {
    hello: function() {
      alert();
    }
  }
})

然鹅，我把 @click 放到父级标签上却又可以触发了，这是为啥？


<div id="app" @click="hello">
  <test></test>
</div>

5 条回复 • 2017-02-07 20:36:52 +08:00

zhuangtongfa

2017-02-07 17:11:18 +08:00

@click.native 　试试

matts8023

2017-02-07 17:13:17 +08:00

@zhuangtongfa 嗯，刚刚在 Vue 官方库的 issue 中找到，可以用，谢谢 O(∩_∩)O

kqz901002

2017-02-07 17:21:05 +08:00

matts8023

2017-02-07 18:23:39 +08:00

@kqz901002 哈哈哈哈哈

yunkou

2017-02-07 20:36:52 +08:00

官方文档有说明哦