美文网首页
vue.js----v-show

vue.js----v-show

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

    v-show:控制元素的显示和隐藏,使用display:none来隐藏

    例:

    html部分
    <div id="itany">
                <button v-on:click="hide()">点击隐藏</button>
                <div style="width: 100px;background: #f00;" v-show="seen">
                </div>
    </div>
    
    js部分
    <script>
                new Vue({
                    el: '#itany',
                    data: {
                        seen: true
                    },
                    methods: {
                        hide: function() {
                            this.seen = !this.seen;
    
                        }
                    }
                })
    </script>
    

    相关文章

      网友评论

          本文标题:vue.js----v-show

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