自定义vue事件不起作用

我想捕捉一个组件内的vue.js自定义事件，但它不是捕捉。有什么问题？自定义vue事件不起作用

myEventFunc: function() { 
    this.myEvent = true; 
}, 
clickedFunc: function() { 
    this.clicked = true; 
    this.$emit('myevent'); 
}

的jsfiddle例子：https://jsfiddle.net/ucean0rh/1/

来源

2017-09-11 ilya_direct

事件系统可以捕捉到一个子组件的事件它封装了孩子父组件内。你的例子甚至没有2个组件，正在做一些完全不同的事情。这是为了“孩子 - 父母”的沟通。 –

我不知道这是否是处理它的Vue公司的方式，但它在我的jsfiddle工作。只需从clickedFunc内调用myEventFunc()：

new Vue({ 
    el: "#app", 
    data: { 
    myEvent: false, 
    clicked: false, 
    }, 
    methods: { 
    myEventFunc: function() { 
     this.myEvent = true; 
    }, 
    clickedFunc: function() { 
     this.clicked = true; 
     this.myEventFunc(); 
     this.$emit('myevent'); 
    } 
    } 
})

来源

2017-09-11 10:10:18 Sventies

Vue可以根据文档https://vuejs.org/v2/guide/components.html#Custom-Events处理它 –

自定义vue事件不起作用

回答

相关问题