美文网首页
vue.js-----v-if v-else-if v-

vue.js-----v-if v-else-if v-

作者: 郭佳伟666 | 来源:发表于2018-09-13 15:49 被阅读0次

    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>
    

    相关文章

      网友评论

          本文标题:vue.js-----v-if v-else-if v-

          本文链接:https://www.haomeiwen.com/subject/crnwgftx.html