在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue的v-for里的key可以都用index嗎

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)這里
clipboard.png

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