vue.js root实例错误

时间:2016-11-17 03:12:14

标签: asp.net vue.js

我有一个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警告]:渲染根实例时出错:

知道为什么会这样吗?

1 个答案:

答案 0 :(得分:0)

您的代码中似乎存在两个问题:

  1. this的范围在$.get内被更改,因为它未分配给Vue实例变量。

  2. 文件名test.json必须在引号中。

  3. 您必须进行以下更改:

    methods: {
    fetchTestData: function () {
        var that = this
        $.get("test.json", function (data) {
            that.test_data = data;
            alert(this.test_data.isActive);
        });
    }