Vue中的v-for指令不起效果的解決方法
我的代碼之前類似下面的結(jié)構(gòu)
<div id="example-1" v-for="item in items"> <ul> <li> {{ item.message }} </li> </ul> </div>
結(jié)果發(fā)現(xiàn)不好用,數(shù)據(jù)讀入了但是沒(méi)有顯示
于是我后來(lái)看官網(wǎng)的例子才明白,原來(lái)是id和v-for不在一個(gè)層級(jí)上,官網(wǎng)的例子如下,我按照不在一個(gè)層級(jí)上改,果然好用了
<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li> </ul>
以上這篇Vue中的v-for指令不起效果的解決方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue組件傳值方式(props屬性,父到子,子到父,兄弟傳值)
這篇文章主要介紹了Vue組件傳值方式(props屬性,父到子,子到父,兄弟傳值),具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06Vue中動(dòng)態(tài)Class實(shí)戰(zhàn)示例
這篇文章主要為大家介紹了Vue中動(dòng)態(tài)Class的實(shí)戰(zhàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11對(duì) Vue-Router 進(jìn)行單元測(cè)試的方法
這篇文章主要介紹了對(duì) Vue-Router 進(jìn)行單元測(cè)試的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-11vue-resource?獲取本地json數(shù)據(jù)404問(wèn)題的解決
這篇文章主要介紹了vue-resource?獲取本地json數(shù)據(jù)404問(wèn)題的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10Vue實(shí)用功能之實(shí)現(xiàn)拖拽元素、列表拖拽排序
在日常開(kāi)發(fā)中,特別是管理端,經(jīng)常會(huì)遇到要實(shí)現(xiàn)拖拽排序的效果,下面這篇文章主要給大家介紹了關(guān)于Vue實(shí)用功能之實(shí)現(xiàn)拖拽元素、列表拖拽排序的相關(guān)資料,需要的朋友可以參考下2022-10-10vue-element-admin項(xiàng)目導(dǎo)入和導(dǎo)出的實(shí)現(xiàn)
組件是Vue.js最強(qiáng)大的功能,這篇文章主要介紹了vue-element-admin項(xiàng)目導(dǎo)入和導(dǎo)出的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05全新打包工具parcel零配置vue開(kāi)發(fā)腳手架
parcel-vue 一個(gè)基于Parcel打包工具的 VueJS急速開(kāi)發(fā)腳手架解決方案,強(qiáng)烈建議使用node8.0以上。下面通過(guò)本文給大家介紹全新打包工具parcel零配置vue開(kāi)發(fā)腳手架的相關(guān)知識(shí),感興趣的朋友一起看看吧2018-01-01