vue中v-if,v-else-if,v-else的运用
2018-09-15 本文已影响0人
信不由衷
1.运用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="itany">
<p v-if="num==0">000</p>
<p v-else-if="num==1">111</p>
<p v-else-if="num==2">222</p>
<p v-else-if="num==3">333</p>
<p v-else-if="num==4">444</p>
<p v-else="num==5">555</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>
