Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Vue.js中绑定数组项_Javascript_Vue.js_Data Binding - Fatal编程技术网

Javascript 在Vue.js中绑定数组项

Javascript 在Vue.js中绑定数组项,javascript,vue.js,data-binding,Javascript,Vue.js,Data Binding,我有一个arry,里面有一些数组和比例 现在我想遍历数组,并为每个项创建新行 这就是我正在做的 var orderDetails=[{ “ID”:“1”, “名称”:“项目1”, “命令”:[ “ORD001” ], “采购”:[ “RhynoMock”, “余烬” ], “ISENABLED”:“false” }, { “ID”:“2”, “名称”:“项目2”, “命令”:[ “ORD002”, “ORD008” ], “采购”:[ “填充器店” ], “ISENABLED”:“false”

我有一个arry,里面有一些数组和比例

现在我想遍历数组,并为每个项创建新行

这就是我正在做的

var orderDetails=[{
“ID”:“1”,
“名称”:“项目1”,
“命令”:[
“ORD001”
],
“采购”:[
“RhynoMock”,
“余烬”
],
“ISENABLED”:“false”
},
{
“ID”:“2”,
“名称”:“项目2”,
“命令”:[
“ORD002”,
“ORD008”
],
“采购”:[
“填充器店”
],
“ISENABLED”:“false”
}
];
var app=新的Vue({
el:“#命令IV”,
数据:{
allOrders:orderDetails
}
});

名称
{{order.NAME}

您的HTML无效,而且Vue的模板编译器或DOM呈现程序似乎有问题:
必须只有
子元素,不能有文本节点子元素

请尝试以下方法:

<tr v-for="order in allOrders">
  <td>{{ order.NAME }}</td>
</tr>

{{order.NAME}

错误是不言自明的,数组中至少有一个
未定义的
项。@decademon,但我在数组中有Name属性。