VueJS - v-for和父元素上的属性

Question

我正在使用表显示并使用vueJS来呈现表内的一组行。的<tr>做工精细内的绑定，但我无法弄清楚如何绑定说，住在承载v-for指令父<tr>属性：

<tr v-for="detailItem in itemList" data-key="{detailItem.pk}}"> 
     <td>{{detailItem.cdesc}}</td> 
     <td>{{(detailItem.nnetunits * 1).toFixed(2)}}</td> 
     ... 
</tr> 

在此代码对<td>内物品绑定就好，但你会如何得到绑定的data-key？

Answer 1

对于Vue 2，您不使用属性中的插值，您可以使用attribute binding syntax。

<tr v-for="detailItem in itemList" v-bind:data-key="detailItem.pk"> 

或快捷键

<tr v-for="detailItem in itemList" :data-key="detailItem.pk">