从它的挂载方法调用组件方法

时间:2017-09-26 16:22:04

标签: vue.js vuejs2 vue-component

我有这个组件,在mount函数中我定义了一个正确触发的事件。

该事件调用方法中定义的方法:但它抱怨说

  

methodTest不是函数

  Vue.component('collection', {
    props: ['items'],
    template: '<p>test</p>',
    methods: {
      methodTest: function(param) {
        console.log("param: " + param);
      }
    },
    mounted: function() {
      $('#element').bind('eventFiring', function(e, param) {
        console.log("--------------");
        console.log(e);
        console.log(param);
    // These console logs are being printed
        console.log("--------------");
    // calling methodTest and crashing
        this.methodTest(param);
      });
    }
  });

  new Vue({
    el: '#app',
    data: {
      items: [],
    }
  });

不是这样做的吗?

更新

这解决了问题How to access the correct `this` inside a callback?

但是,制作正确的问题非常棘手,因此搜索引擎会将您引导至该链接....

0 个答案:

没有答案