Как использовать для цикла в weex?как для (var x = 0; x <n; x ++) {}.Вариант использования: я хочу сделать окно n раз - PullRequest
Новая
       15

Как использовать для цикла в weex?как для (var x = 0; x <n; x ++) {}.Вариант использования: я хочу сделать окно n раз

0 голосов
/ 30 мая 2018

Приведен вариант использования: - Я хочу сделать поле n раз.Как реализовать цикл от 0 до n в шаблоне weex.

<template>
  <div>
    <div class="box" ></div>
    <div class="box" ></div>
    <div class="box" ></div>
    <div class="box" ></div>
    <div class="box" ></div>
    <div class="box" ></div>
    <div class="box" ></div>
    <!--n times-->
  </div>
</template>


<style scoped>
  .box {
    border-width: 2px;
    border-style: solid;
    border-color: #BBB;
    width: 250px;
    height: 250px;
    margin-top: 250px;
    margin-left: 250px;
    background-color: #EEE;
  }
</style>

1 Ответ

0 голосов
/ 30 мая 2018

Vue имеет директиву 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 пример

...