|
根据 GitHub 个人贡献图生成贪吃蛇游戏，有点意思 |
下午搭建vue和后台数据交互，刚开使用vue-resource请求成功，获取不了返回数据，后来改用axios数据Ok了，接下来通过set去修改默认data，一直提示set不能识别【this.$set(this.$data,'txt',response.data);】，各种调试百度，都未能解决。最后发现是this的问题，在methods里面this不能指向到data()里面的数据，在methods方法前面通过_this=this,修改【_this.$set(_this.$data,'txt',response.data);】就可以了，如果使用箭头函数就不糊出现这个问题了，还是学艺不精，花了好长时间才解决，最好直接改成箭头函数，也省略了_this。
共收到4条回复
学习了
以前也遇到过，这好像是js的知识吧，this指向问题
箭头函数和function的最重要的区别就是不修改this的指针。例如：
var name = 'Henry';
function Person() {
this.name = 'Peter';
}
Person.prototype.reportName = function () {
setTimeout(function () {
// this指向了全局，也就是window
console.log(this.name);
});
}
Person.prototype.reportName2 = function () {
setTimeout( () => {
// this指向的还是Person的实例本身
console.log(this.name);
});
}
const person = new Person;
person.reportName(); // Henry
person.reportName()2; // Peter
JS基础不够，O(∩_∩)O
