小编Sri*_*ath的帖子

Vuejs v-for 循环与标签组合

我想为 v-for 的每个循环循环两个列表标签,而不循环 ul。vuejs 中是否有任何内部循环可以通过循环来转义 ul 标签,或者是否有其他方法。

<ul id="example-1" v-for="(item, index) in items" :key="item.message">
  <li >
    {{ item.message }}
  </li>
  <li>
   {{ item.text}}
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)
var example1 = new Vue({
  el: '#example-1',
  data: {
    items: [
      { message: 'Foo', text: "baz" },
      { message: 'Bar', text: "quz" }
    ]
  }
})
Run Code Online (Sandbox Code Playgroud)

我能得到的明显结果是:

  • 酒吧

  • 巴兹
  • 问题

  • 我需要的结果:

  • 巴兹
  • 酒吧
  • 问题
  • vue.js v-for

    2
    推荐指数
    1
    解决办法
    1837
    查看次数

    标签 统计

    v-for ×1

    vue.js ×1