搜索

首页  >  问答  >  正文

javascript - vue循环问题

vue能循环一个固定变量嘛?
比如说我num=3
我要循环num次

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<title>Document</title>
<script src="https://unpkg.com/vue@2.3.3"></script>
</head><body>

<p id="app">
    <p v-for="n in full"></p>
    <p v-if="ishalf"></p>
    <p v-for="n in empty"></p>
</p>
<script>
    const MAXSIZE = 5;
    var vm = new Vue({
        el : '#app',
        props: {
            score:{
                type: Number,
                defualt: 4.5
            }
        },
        data:{
            num : 3
        },
        created(){
            this.full = Math.floor(this.score);
            this.ishalf = this.score!=this.full;
            this.empty = Math.floor(MAXSIZE-this.score);
        }
    })
</script>
</body></html>


PHPzPHPz2747 天前628

全部回复(1)我来回复

  • 仅有的幸福

    仅有的幸福2017-05-18 11:03:29

    雷雷

    回复
    0
  • 取消回复