Vue v-if v-else-if v
2018-09-15 本文已影响0人
北觅_Sir
随机数
num:Math.floor(Math.random()*(max-min+1)+min)//
分支结构：
<script>
// if(){}
//
// if(条件){
// //1
// }else{
// //2
// }
//
// else ....if
//
// if(条件1){
// //1
// }else if(条件2){
// //2
// }else if(条件3){
// //3
// }else{
//
// }
</script>
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id='itany'>
<p v-if="num==0">0000000000000000</p>
<p v-else-if="num==1">111111111111</p>
<p v-else-if="num==2">2222222222222</p>
<p v-else-if="num==3">333333333333</p>
<p v-else-if="num==4">444444444444</p>
<p v-else='num==5'>55555555555555555</p>
</div>
<script src='js/vue.js'></script>
<script>
new Vue({
el:'#itany',
data:{
num:Math.floor(Math.random()*(5-0+1)+0)
}
})
</script>
</body>
</html>
