vue循环问题
vue能循环一个固定变量嘛？
比如说我num=3
我要循环num次
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://unpkg.com/vue@2.3.3"></script>
</head><body>
<div id="app">
<div v-for="n in full"></div>
<div v-if="ishalf"></div>
<div v-for="n in empty"></div>
</div>
<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>
qq_花开花谢_0浏览 473回答 1
1回答
随时随地看视频慕课网APP
相关分类
JavaScript