methods疑问
methods 无法修改data数据
- 上代码
省略无关代码
data() {
return {
testValue:0,}
}
methods: {
goto: parm => {
// this.$set(data, "index", parm);
this.testValue = parm;
console.log(this.testValue);
}
}
}
<button @click="goto(2)">尝试一下</button>
浏览器的控制台输出2 ,用VueDevTools 调试工具也可以看到值并没有被修改
https://github.com/vuejs/vue-devtools
- 解决办法换个姿势写方法
goto: function(parm) {
this.testValue = parm;
console.log(this.testValue);
}
提出怀疑-是否因为箭头函数的作用域影响了this
未完待续