v-for = Object - 2018-05-08

  • 2018-05-08创建

v-for循环的是 对象object 时,

(value, key) in object

for example:

    <div
      class="main-section"
      v-for="(menu, title) in menus"
      :key="title">
      <span class="main-title">{{ title }}</span>
      <ul>
        <li v-for="(item, index) in menu" :key="index">
          <router-link exact :to="item.url">{{ item.name }}</router-link>
        </li>
      </ul>
    </div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,010评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,571评论 0 17
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,208评论 0 13
  • [韭庄BCBOT]3月20日买入趋势预测 预测买入货币数量(种):6 晚上6点更新预测结果 韭庄bcbot,行情分...
    害谷81阅读 127评论 0 0
  • 昨天,也就是2015年的最后一天,我下载了知乎,不小心打开了也许陈旧,也许麻木,或是也许很多人饭桌走路时所谓“扯”...
    520ec30ba2ef阅读 777评论 0 1