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>
は基本的に私は私のアプリの設定で検索を行うには、同じキーを再利用したいと思います:
は、これは私がキーにアクセスしようとしているところです。
は、なぜあなたはそれをアクセスしたいん入力し、そのため、あなたはそれを割り当てられたのと同じ方法でそれを使うことができますか? – Saurabh
私はアプリの設定で他の小道具を調べるためにそれを使用します。 – Rob
しかし、キーが必要な理由は、[key](https://vuejs.org/v2/guide/list.html#key)はvueのリストの効率的なレンダリングに使用されます。単に 'item.prop1'、' item.prop2'などを行うことができます。 – Saurabh