Question

我正在使用表格显示并使用vueJS在表格内呈现一组行。 <tr>内部的绑定工作正常，但我无法弄清楚如何绑定说一个属于托管<tr>指令的父v-for的属性：

<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">

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

1 个答案: