vue中v-if,v-else-if,v-else的运用
作者:
信不由衷 | 来源:发表于
2018-09-15 08:26 被阅读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>
本文标题：vue中v-if,v-else-if,v-else的运用
本文链接：https://www.haomeiwen.com/subject/sirzgftx.html
网友评论