Vue.js V-のためのアイテム、現在のインデックスにbind属性/

Question

<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でのみ動作します。

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>