logo
  • 教程列表
  • SO官方文档
  • 列表渲染
    • 基本用法
    • 迭代对象
    • 仅呈现 HTML 项目
    • 猪倒计时清单
  1. StackOverflow 文档
  2. Vue.js 教程
  3. 列表渲染
  4. 迭代对象

迭代对象

Created: November-22, 2018

v-for 可用于迭代对象键(和值):

HTML:

<div v-for="(value, key) in object">
  {{ key }} : {{ value }}
</div>

脚本:

new Vue({
  el: '#repeat-object',
  data: {
    object: {
      FirstName: 'John',
      LastName: 'Doe',
      Age: 30
    }
  }
})
  • 仅呈现 HTML 项目
  • 基本用法

Copyright © 2018. All right reserved

tastones.com 备案号:鲁ICP备18045372号-1

  • 关于我们
  • 免责声明