相关疑难解决方法(0)

vuejs v-for每5个项目添加一个bootstrap行

我有一系列项目,如'项目1','项目2'到'项目25'.我希望渲染后的HTML看起来像这样:

<div class="row">
   <div>Item 1</div>
   <div>Item 2</div>
   <div>Item 3</div>
   <div>Item 4</div>
   <div>Item 5</div>
</div>
<div class="row">
   <div>Item 6</div>
   <div>Item 7</div>
   <div>Item 8</div>
   <div>Item 9</div>
   <div>Item 10</div>
</div>
Run Code Online (Sandbox Code Playgroud)

在vue.js中表达这个的正确方法是什么?

 <div class="row">
    <span  v-for="(item, index) in items">
         // do something like this in vue.js style: 
         // if (item % 5 == 0) print "</div><div class='row'>"
         <app-field >{{ item }}</app-field>
    </span>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript twitter-bootstrap vue.js

22
推荐指数
4
解决办法
1万
查看次数

标签 统计

javascript ×1

twitter-bootstrap ×1

vue.js ×1