美文网首页
v-for = Object - 2018-05-08

v-for = Object - 2018-05-08

作者: 勇敢的小拽马 | 来源:发表于2018-05-08 18:39 被阅读0次
  • 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>

相关文章

  • v-for = Object - 2018-05-08

    2018-05-08创建 v-for循环的是 对象object 时, for example:

  • vue3 列表渲染

    1、数组元素映射到列表元素 v-for 支持第二个参数index 2、Object 映射到列表元素 添加key 有...

  • 2018-05-09

    2018-05-08 李晓红Dorothy 2018-05-08 06:00 · 字数 283 · 阅读 3 · ...

  • vue中v-for循环

    v-for 循环 v-for表格

  • vue笔记-v-for指令学习(五)

    v-for循环普通数组 v-for循环对象数组 v-for循环对象属性 v-for迭代数字 注意点:2.2.0+后...

  • Vue 基础

    Vue 起步 Vue V-for循环 (一) Vue V-for 循环(二) Vue v-for表格

  • Vue.js入门整理

    Vue基础 常用指令循环v-for数组v-for="name in arr" , json格式v-for="nam...

  • 2018-05-08

    2018-05-08 戴师傅简书作者 2018-05-08 20:52 打开App (稻盛哲学学习会)打卡第53天...

  • 2020-02-05

    v-for循环对象数组 v-for 循环对象

  • 2018-09-10第一节vue

    v-for循环1,用vue输出内容 2,用v-for循环数组或对象 3,用v-for循环输出数组对象

网友评论

      本文标题:v-for = Object - 2018-05-08

      本文链接:https://www.haomeiwen.com/subject/buvwrftx.html