为什么调用箭头功能的方法不起作用?

时间:2019-08-30 13:02:21

标签: vue.js

我正在尝试vuejs,并且有一个非常简单的应用程序:

process.exit(0)

我称此为buttonClick从按钮单击,就可以正常工作。 但是,如果我使用箭头函数声明buttonClicked(),它将无法正常工作。为什么?

    const app = new Vue({
        el: '#app', // 1
        data: { // 2
            myLocalProperty: 'Im a local property value' // 3
        },
        methods: {
            buttonClicked() { // 2
                const newText = 'The new value is: ' + Math.floor( Math.random() * 100);
                this.myLocalProperty = newText; // 4
            }
        }
    });

1 个答案:

答案 0 :(得分:1)

如果使用箭头功能this将不再引用Vue实例。您需要在此处使用function关键字:

buttonClicked: function() {
    const newText = "The new value is" + Math.floor(Math.random() * 100);
    this.myLocalProperty = newText;
}
相关问题