Question

我正在尝试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
            }
        }
    });

Answer 1

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

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

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

1 个答案: