vue的v-for里的key可以都用index嗎

              <Select
                  :label-in-value='true'
                  @on-change='choosePartyOther(index,$event)'
                  v-model="item.enterpriseName"
                  filterable
                  remote
                  :remote-method="remoteMethod3"
                  :loading="loading3">
                  <Option v-for="(option, index) in options1" :value="option.value" 
                  :key="index">{{option.label}}</Option>
              </Select>

比如上面這樣，這是用的iview里的select

回答

編輯回答

哎呦喂

key 的特殊屬性主要用在 Vue的虛擬DOM算法，在新舊nodes對(duì)比時(shí)辨識(shí)VNodes。如果不使用key，Vue會(huì)使用一種最大限度減少動(dòng)態(tài)元素并且盡可能的嘗試修復(fù)/再利用相同類(lèi)型元素的算法。使用key，它會(huì)基于key的變化重新排列元素順序，并且會(huì)移除key不存在的元素。

"有相同父元素的子元素必須有獨(dú)特的key。重復(fù)的key會(huì)造成渲染錯(cuò)誤。"

2017年8月4日 04:50

編輯回答

你好胸

只要保證key是唯一值就行了
看看官方文檔，點(diǎn)這里

2018年1月13日 23:50

編輯回答

奧特蛋

可以，但是不利于重用現(xiàn)有元素，

2018年3月5日 07:05

編輯回答

耍太極

可以，只是性能不好，因?yàn)樵谝恍┣闆r下需要重新diff整個(gè)虛擬dom樹(shù)。

2017年9月7日 23:29

編輯回答

玩控

最好不要用index，因?yàn)閗ey值就相當(dāng)于當(dāng)前元素的一個(gè)身份名牌，需要是獨(dú)一無(wú)二的，這樣在更新數(shù)據(jù)的時(shí)候，Vue 將不會(huì)移動(dòng) DOM 元素來(lái)匹配數(shù)據(jù)項(xiàng)的順序，而是簡(jiǎn)單復(fù)用此處每個(gè)元素，并且確保它在特定索引下顯示已被渲染過(guò)（通過(guò)key值確認(rèn)）的每個(gè)元素，你用下標(biāo)的話，如果數(shù)組發(fā)生改變，就有可能出現(xiàn)相同的key值，這樣的話Vue又要比較這兩個(gè)相同key值的dom元素（本來(lái)通過(guò)key值就能確定的）。具體可以參照官方文檔的說(shuō)明

2017年2月9日 19:11