鉴于用例: -我想渲染一个盒子n次。如何在weex模板中实现从0到n的循环。
<模板> < DIV> < div class =“box”>< / div> < …
Vue有 v-for 指示:
v-for
new Vue({ el: "#app", data: { n: 10 } })
.box { border-width: 2px; border-style: solid; border-color: #BBB; width: 250px; height: 250px; margin-top: 250px; margin-left: 250px; background-color: #EEE; }
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> <div id="app"> <div class="box" v-for="i in n" :key="i"></div> </div>
另见weex 例