V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
matts8023
V2EX  ›  前端开发

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

  •  
  •   matts8023 · 2017-02-07 17:06:52 +08:00 · 12983 次点击
    这是一个创建于 2850 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    
    <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
        1
    zhuangtongfa  
       2017-02-07 17:11:18 +08:00   ❤️ 1
    @click.native  试试
    matts8023
        2
    matts8023  
    OP
       2017-02-07 17:13:17 +08:00
    @zhuangtongfa 嗯,刚刚在 Vue 官方库的 issue 中找到,可以用,谢谢 O(∩_∩)O
    kqz901002
        3
    kqz901002  
       2017-02-07 17:21:05 +08:00
    @matts8023 icon
    matts8023
        4
    matts8023  
    OP
       2017-02-07 18:23:39 +08:00
    @kqz901002 哈哈哈哈哈
    yunkou
        5
    yunkou  
       2017-02-07 20:36:52 +08:00
    官方文档有说明哦
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1061 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 22:20 · PVG 06:20 · LAX 14:20 · JFK 17:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.