Vue.js v-对于项，将属性绑定到当前索引/键

Vue.js v-for item, bind attribute to current index / key

本文关键字：索引 绑定 属性 js 于项 Vue      更新时间：2023-09-26
<li v-for="(value, key) in {facebook: [data], twitter: [data]}">
    <i class="icon" :class="key"></i>
    ....
</li>

错误：[Vue warn]: Trying to access non-existent property "key" while rendering.

如何在li的孩子的属性中绑定key？它只适用于li本身。

它对我来说是意料之中的。如果你检查下面片段中的项目，你会发现这个类是被分配的。

new Vue({el: 'body'});
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<li v-for="(key, value) in {facebook: ['data'], twitter: ['data']}">
  <i class="icon" :class="key">{{key}}</i>
</li>

相关文章：