methods: {
getList: function() {
// eslint-disable-next-line no-undef
axios({
method: "get",
url: "http://www.huanyueyue.cn"
})
.then(function(res) {
console.log(res);
this.lists = res.data.result;
})
.catch(function(error) {
console.log(error);
});
}
}
这个最终页面数据渲染不出来是因为this指向的问题。
修正:
axios({
method: "get",
url: "http://www.huanyueyue.cn"
})
.then(res=>{ //请求成功,改成箭头函数
console.log(res);
this.lists = res.data.result;
})
.catch(function(error) {
console.log(error);
});
}
这是因为箭头函数的指向是定义时候的this,而不是对应执行时候的this的指向,箭头函数的指向和普通函数是不一样的。