vue遍历数据及字典的方法

vue遍历数据及字典的方法,第1张

vue遍历数据及字典的方法

数组数值
<ul id="example-1">
  <li v-for="item in items">
    {{ item.message }}
  </li>
</ul>

数组:数值加索引
<ul>
  <template v-for="(item,index) of items">
    <li>{{ item.msg }}</li>
    <li>{{index}}</li>
  </template>
</ul>

字典:key value index
<ul id="repeat">
  <li v-for="(value,key,index) in object">
    {{ value }} {{key}} {{index}}
  </li>
</ul>
new Vue({
  el: '#repeat',
  data: {
  object: {
    FirstName: 'John',
    LastName: 'Doe',
    Age: 30
    }
  }
})

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/588071.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存