淺談Vue2.0中v-for迭代語法的變化(key、index)
今天,在寫關(guān)于Vue2.0的代碼中發(fā)現(xiàn) $key這個值并不能渲染成功,問題如下:
結(jié)果這個對象的key值并不能夠顯示:
后來查閱了文檔才知道,這是因為在Vue2.0中,v-for迭代語法已經(jīng)發(fā)生了變化:
丟棄了:
新數(shù)組語法
value in arr (value, index) in arr
新對象語法
value in obj (value, key) in obj (value, key, index) in obj
解決后:
以上這篇淺談Vue2.0中v-for迭代語法的變化(key、index)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)
最近在使用Element開發(fā)時遇到了不少問題,下面這篇文章主要給大家介紹了關(guān)于Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)層級結(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)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-03-03vue3+vite使用vite-plugin-svg-icons插件顯示本地svg圖標的方法
這篇文章主要介紹了vue3+vite使用vite-plugin-svg-icons插件顯示本地svg圖標的方法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-12-12