1行おきに灰色にしたいのですが、次の例では、すべての行が灰色になります。
<table>
<tr v-for="i in item.env_vars" :style="{'background': index % 2 === 0 ? '#eee' : '#ccc' }">
<td> test1 </td>
<td> test2 </td>
<td> test3 </td>
</tr>
</table>
そして、vue管理ツールでこのエラーが表示されます:
Property or method "index" is not defined on the instance but referenced during render.
私のコードの何が問題になっていますか?
私はvueに精通していませんindex
が、ループに変数を追加する必要があると思います。
<tr v-for="(i, index) in item.env_vars"
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加