v-if同样可以控制元素的显示和隐藏,
使用的是visibility:hidden
例:
html部分
<div id='itany'>
<p v-if='num==0'>00000000000</p>
<p v-else-if='num==1'>1111111111</p>
<p v-else-if='num==2'>22222222</p>
<p v-else='num==5'>555555555555</p>
</div>
js部分
<script>
new Vue({
el: '#itany',
data: {
num: Math.floor(Math.random() * (5 - 0 + 1) + 0)
}
})
</script>
网友评论