Question

我对VueJS有一个愚蠢的问题。我是VueJS的新手。我想访问和更改数据函数的变量。但是我不能这样做。

获得错误的行：

console.log('item: ' + this.item);

错误在于：

TypeError：无法读取未定义
的属性“item”

这是我的代码：

data: function(){
    return {
        item: 69,
        file: 0
    };
},

methods: {
    toggle: (elementId = 0, type = 'item') => {
        console.log('element ID: ' + elementId);
        console.log('type: ' + type);
        console.log('item: ' + this.item);

        switch (type) {
            case 'item':
                break;
            case 'file':
                break;
        }
    }
}

Answer 1

使用toggle(elementId = 0, type = 'item') {}代替toggle: (elementId = 0, type = 'item') => {} 箭头功能将this分配给其父级this的范围请参阅：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Arrow_functions_used_as_methods

如何在VueJS上使用数据函数变量？

1 个答案: