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