自定義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事件不起作用

回答

相關問題