自定义Vue事件不起作用

Question

I am trying to catch vue.js custom event within one component, but it's not catching. What's the problem?

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

JSFiddle Example: https://jsfiddle.net/ucean0rh/1/

Answer 1

I'm not sure if this is a Vue way of dealing with it, but it works in my JSFiddle. Simply call myEventFunc() from within clickedFunc :

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');
    }
  }
})