美文网首页
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

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

网友评论

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

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