淺談Vue2.0中v-for迭代語法的變化(key、index)
更新時(shí)間：2018年03月06日 09:17:43 作者：qinjianhuang
下面小編就為大家分享一篇淺談Vue2.0中v-for迭代語法的變化(key、index)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
今天，在寫關(guān)于Vue2.0的代碼中發(fā)現(xiàn) $key這個(gè)值并不能渲染成功，問題如下：
結(jié)果這個(gè)對(duì)象的key值并不能夠顯示：
后來查閱了文檔才知道，這是因?yàn)樵赩ue2.0中，v-for迭代語法已經(jīng)發(fā)生了變化：
丟棄了：
新數(shù)組語法
value in arr (value, index) in arr
新對(duì)象語法
value in obj (value, key) in obj (value, key, index) in obj
解決后：
以上這篇淺談Vue2.0中v-for迭代語法的變化(key、index)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue項(xiàng)目中axios的封裝請(qǐng)求，axios?是一個(gè)輕量的HTTP客戶端，它基于?XMLHttpRequest?服務(wù)來執(zhí)行?HTTP?請(qǐng)求，支持豐富的配置，下文更多詳細(xì)資料,需要的朋友可以參考一下2022-03-03
今天小編就為大家分享一篇vue 解決文本框被鍵盤遮住的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue設(shè)置頁面超時(shí)15分鐘自動(dòng)退出登錄的方法詳解
當(dāng)用戶登錄后,如果長(zhǎng)時(shí)間未操作頁面這個(gè)時(shí)候需要自動(dòng)退出登錄回到登錄頁面,本文將給大家介紹一下vue設(shè)置頁面超時(shí)15分鐘自動(dòng)退出登錄的方法,感興趣的同學(xué)可以自己動(dòng)手試一下2023-10-10
本篇文章主要介紹了如何快速入門Vue的方法，對(duì)0基礎(chǔ)學(xué)習(xí)Vue的朋友會(huì)很有幫助，跟著小編一起來看下吧2016-12-12
vue?router如何實(shí)現(xiàn)tab切換
這篇文章主要介紹了vue?router如何實(shí)現(xiàn)tab切換，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)
最近在使用Element開發(fā)時(shí)遇到了不少問題,下面這篇文章主要給大家介紹了關(guān)于Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)層級(jí)結(jié)構(gòu)與用法的相關(guān)資料,需要的朋友可以參考下2022-12-12
解決Vue警告Write?operation?failed:computed?value?is?readonl
這篇文章主要給大家介紹了關(guān)于如何解決Vue警告Write?operation?failed:computed?value?is?readonly的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
微信小程序如何像vue一樣在動(dòng)態(tài)綁定類名
這篇文章主要介紹了微信小程序如何像vue一樣在動(dòng)態(tài)綁定類名,文中給大家提到了vue與微信小程序的區(qū)別，需要的朋友可以參考下2018-04-04
本篇文章主要介紹了Vue引入遠(yuǎn)程JS文件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
vue3+vite使用vite-plugin-svg-icons插件顯示本地svg圖標(biāo)的方法
這篇文章主要介紹了vue3+vite使用vite-plugin-svg-icons插件顯示本地svg圖標(biāo)的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-12-12