親要素の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">