Vue.js v-for指令：将属性绑定到当前索引/键。

Question

<li v-for="(value, key) in {facebook: [data], twitter: [data]}">
    <i class="icon" :class="key"></i>
    ....
</li>

错误：[Vue警告]：在渲染时尝试访问不存在的属性“key”。

如何在li的子元素中绑定key属性？它只能在li本身中起作用。

- NestedWeb

Answer 1

对我来说，它按预期工作。如果您检查下面片段中的项目，则会看到分配了类。

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>

- Roy J

---

哦，没错。谢谢。是我的HTML结构的问题。 - NestedWeb