我有一个json:{“IsActive”:false} 我的代码如下:
new Vue({
el: '#viewport',
data: {
test_data: []
},
mounted: function () {
this.fetchTestData();
},
methods: {
fetchTestData: function () {
$.get(test.json, function (data) {
this.test_data = data;
alert(this.test_data.isActive);
});
}
}
});
我可以在isActive的警报中得到错误,但在浏览器中它显示我:
[Vue警告]:渲染根实例时出错:
知道为什么会这样吗?
答案 0 :(得分:0)
您的代码中似乎存在两个问题:
this
的范围在$.get
内被更改,因为它未分配给Vue实例变量。
文件名test.json
必须在引号中。
您必须进行以下更改:
methods: {
fetchTestData: function () {
var that = this
$.get("test.json", function (data) {
that.test_data = data;
alert(this.test_data.isActive);
});
}