亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Vue中的v-for指令不起效果的解決方法

 更新時(shí)間:2018年09月27日 11:09:47   作者:牧碼人小鵬  
今天小編就為大家分享一篇Vue中的v-for指令不起效果的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

我的代碼之前類似下面的結(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屬性,父到子,子到父,兄弟傳值)

    這篇文章主要介紹了Vue組件傳值方式(props屬性,父到子,子到父,兄弟傳值),具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-06-06
  • Vue中動(dòng)態(tài)Class實(shí)戰(zhàn)示例

    Vue中動(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è)試的方法

    這篇文章主要介紹了對(duì) Vue-Router 進(jìn)行單元測(cè)試的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-11-11
  • vue-resource?獲取本地json數(shù)據(jù)404問(wèn)題的解決

    vue-resource?獲取本地json數(shù)據(jù)404問(wèn)題的解決

    這篇文章主要介紹了vue-resource?獲取本地json數(shù)據(jù)404問(wèn)題的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • Vue實(shí)用功能之實(shí)現(xiàn)拖拽元素、列表拖拽排序

    Vue實(shí)用功能之實(shí)現(xiàn)拖拽元素、列表拖拽排序

    在日常開(kāi)發(fā)中,特別是管理端,經(jīng)常會(huì)遇到要實(shí)現(xiàn)拖拽排序的效果,下面這篇文章主要給大家介紹了關(guān)于Vue實(shí)用功能之實(shí)現(xiàn)拖拽元素、列表拖拽排序的相關(guān)資料,需要的朋友可以參考下
    2022-10-10
  • vant組件庫(kù)之tag漸變色不起作用的原因及解決

    vant組件庫(kù)之tag漸變色不起作用的原因及解決

    這篇文章主要介紹了vant組件庫(kù)之tag漸變色不起作用的原因及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 分分鐘玩轉(zhuǎn)Vue.js組件(二)

    分分鐘玩轉(zhuǎn)Vue.js組件(二)

    這篇文章教大家如何分分鐘玩轉(zhuǎn)Vue.js組件,完善了vue.js組件的學(xué)習(xí)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • vue3.0中sass全局的使用過(guò)程

    vue3.0中sass全局的使用過(guò)程

    這篇文章主要介紹了vue3.0中sass全局的使用過(guò)程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue-element-admin項(xiàng)目導(dǎo)入和導(dǎo)出的實(shí)現(xiàn)

    vue-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開(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

最新評(píng)論