vue v-for object


我需要把object

 <div v-for=" item in object">{{  item }} 發現打印出來不是tuble 而是其value值,才發現v-for這么寫適用於array而不適用於object,
{
   "tube1":1, "tube2":2, "tube3":3 }

展示出來,貌似v-for只對array有效,我該怎么做?

如果你習慣了這樣寫卻沒有注意,其實vue是支持的,只要改一下寫法即可

 

<div v-for=" (vulue, key) in countInfo" :key="key" :class="'cell ' + key">
<div>{{value}}</div>
</div>
傳送門,官方文檔也寫了針對object屬性的遍歷

https://cn.vuejs.org/v2/guide/list.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM