我想使用Vue.js将JSON有效内容中的对象列表解析为表。Vue JS使用v-for从对象数组中获取JSON键值时出错

我想借此从第一对象的按键阵列中创建表的标题，下面工作的代码，并提供了正确的价值观，但问题是我不断收到此错误信息

错误信息

[Vue warn]: Error in render function: "TypeError: objectArray is null"

(found in )

HTML元素

{{ key }}

的JSON有效载荷

[

{ "field1": "value", "field2": "value", "field3": "value", "field4": "value", "field5": "value", "field6": "value", "field7": "value" },

{ "field1": "value", "field2": "value", "field3": "value", "field4": "value", "field5": "value", "field6": "value", "field7": "value" },

{ "field1": "value", "field2": "value", "field3": "value", "field4": "value", "field5": "value", "field6": "value", "field7": "value" }

]

的Vue的代码来填充对象

var link = 'api/array';

new Vue ({

el: '#app',

data: {

objectArray: null

},

methods:{

getObjectArray: function(){

this.$http.get(link).then(function(response){

this.objectArray = response.data;

}, function(error){

console.log(error.statusText);

});

}

},

mounted: function() {

this.getObjectArray();

}

});

2017-07-05

excedion

+0

警告意味着你'objectArray'属性是当它试图在'0'访问索引'null'。你是异步加载这个JSON数据吗？ –

+0

不能异步加载它。我可以在同一点上加载整个列表而不会出现任何问题。只有当我在该数组中指定要使用的元素时才会发生此问题。如果我使用{{objectArray [0]}}在该索引处打印出对象，则不会出现任何错误 –

+0

您可以显示设置'objectArray'的位置吗？ –