vue数据处理

Question

<tbody class="base_tbody">
<tr class="base_tr">
<td></td>
<td class="wayBillNum"><input type="text" placeholder="请输入运单编号"/></td>
<td class="ordersName"><input type="text" placeholder="请输入货物名称(支持模糊搜索)"/></td>
<td class="ordersType"><input type="text" v-model="orderType[orderTypeIndex].typeNameWithCode" readonly @click="ordersShow"/>

<ul v-show="ordersTypeShow" class="chooseOrdersType">
<li v-for="(item,index) in orderType" v-html="item.typeNameWithCode" @click="changeOrderType(index)" :class="orderTypeIndex===index?'active':''"></li>
</ul></td>
<td class="ordersNum"><input type="text" placeholder="件数"/></td>
<td class="spec"><input type="text" placeholder="长"/><input type="text" placeholder="宽"/><input type="text" placeholder="高"/></td>
<td class="volume"><input type="text" placeholder="体积"/></td>
<td class="volumeWeight"><input type="text" placeholder="体积重量"/></td>
<td class="actualWeight"><input type="text" placeholder="实际重量"/></td>
<td class="costWeight"><input type="text" placeholder="计费重量"/></td>
<td class="unitPrice"><input type="text" placeholder="单价"/></td>
<td class="discount"><input type="text" placeholder="折扣"/></td>
<td class="freight"><input type="text" placeholder="运费"/></td>
<td class="remarks"><input type="text" placeholder="备注"/></td>
</tr>
</tbody>

像这种表格行怎么控制数据的方法在页面上用按钮控制添加行？v-for的数据该怎么写？行内还存在点击事件，放入数组中不是无效了吗

Answer 1

1.假设你的数据叫arr:[]
2.你显示的时候是用v-for('item in arr')
3.添加数据的时候直接往arr里加一条，页面上会自动多一调显示
4.点击事件就注册在你需要注册的元素上，不需要放到数组中

Answer 2

建议写一下 vue 的 todoList