Javascript 在Vue.js中绑定数组项
我有一个arry,里面有一些数组和比例 现在我想遍历数组,并为每个项创建新行 这就是我正在做的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”
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属性。