給定以下回圈組件:
<MyComponent v-for="(item, i) in items" :key="i" :item="item" />
我如何獲得 inside 的值key顯然MyComponent是key一個保留字,因此它不能作為道具作業。
uj5u.com熱心網友回復:
將其作為宣告的道具傳遞(例如:)index:
<MyComponent v-for="(item, i) in items" :key="i" :item="item" :index="i" />
我的組件.vue:
export default {
props: {
index: Number
}
}
旁注:建議您key使用唯一識別符號(例如:)id而不是基于它們在串列中的位置來列出。例如,如果任何專案被替換或更新,Vue 可能不會重新渲染,因為專案在陣列中的位置沒有改變,即使專案本身已經改變。
這就是為什么當您按索引鍵入專案時串列轉換不起作用的原因。
但是,如果您的專案沒有改變位置和/或沒有得到更新,index那么key作業也是如此。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/478074.html
標籤:Vue.js
上一篇:如果Promise.all失敗,防止保存資料-VueJS
下一篇:Vue處理嵌套陣列中的null
