vue數(shù)據(jù)處理

<tbody class="base_tbody">
<tr class="base_tr">
<td></td>
<td class="wayBillNum"><input type="text" placeholder="請(qǐng)輸入運(yùn)單編號(hào)"/></td>
<td class="ordersName"><input type="text" placeholder="請(qǐng)輸入貨物名稱(支持模糊搜索)"/></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="件數(shù)"/></td>
<td class="spec"><input type="text" placeholder="長(zhǎng)"/><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="實(shí)際重量"/></td>
<td class="costWeight"><input type="text" placeholder="計(jì)費(fèi)重量"/></td>
<td class="unitPrice"><input type="text" placeholder="單價(jià)"/></td>
<td class="discount"><input type="text" placeholder="折扣"/></td>
<td class="freight"><input type="text" placeholder="運(yùn)費(fèi)"/></td>
<td class="remarks"><input type="text" placeholder="備注"/></td>
</tr>
</tbody>

像這種表格行怎么控制數(shù)據(jù)的方法在頁(yè)面上用按鈕控制添加行？v-for的數(shù)據(jù)該怎么寫？行內(nèi)還存在點(diǎn)擊事件，放入數(shù)組中不是無(wú)效了嗎