Kann Vue eine Schleife über eine feste Variable durchführen? Wenn ich zum Beispiel num=3 habe, möchte ich num mal eine Schleife durchlaufen {code...}

Javascript – Vue-Loop-Problem-Fragen und Antworten zum chinesischen PHP-Netzwerk

Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Javascript – Vue-Loop-Problem

PHPz 2017-05-18 11:01:29

611

Kann Vue eine Schleife über eine feste Variable durchführen?
Zum Beispiel, wenn meine Nummer = 3 ist
Ich möchte eine Anzahl von Malen wiederholen

<!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>

PHPz

学习是最好的投资！

Antworte allen(1)

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

<!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>