2017-03-22 4 views
1

あなたはVue.jsリスト項目のバインドされたキーにアクセスするには? Vueので

<div v-for="item in items" /> 

ような何かを書く場合は、リスト項目のkeyを供給しなければならない警告があります。それであなたが書くならば、

<MyComponent v-for"item in items" :key="item.someProp" /> 

警告は消えますが、実際のコンポーネントではどのようにそのキーにアクセスしますか? 私はそれを検査しようとしました、そして、私は小道具にkeyのようなものを見ません。

<!-- MyComponent.vue --> 
<script> 
export default { 
    created() { 
    // this is where i'd like to access the key 
    const key = ?; 
    const someOtherData = this.$config[key]; 
    } 
} 
</script> 

は基本的に私は私のアプリの設定で検索を行うには、同じキーを再利用したいと思います:

は、これは私がキーにアクセスしようとしているところです。

+0

は、なぜあなたはそれをアクセスしたいん入力し、そのため、あなたはそれを割り当てられたのと同じ方法でそれを使うことができますか? – Saurabh

+0

私はアプリの設定で他の小道具を調べるためにそれを使用します。 – Rob

+0

しかし、キーが必要な理由は、[key](https://vuejs.org/v2/guide/list.html#key)はvueのリストの効率的なレンダリングに使用されます。単に 'item.prop1'、' item.prop2'などを行うことができます。 – Saurabh

答えて

0

あなたのコンポーネント内にあなたの商品の小道具は、ちょうど

const key = item.someProp; 
関連する問題