vue.js----v-show

2018-09-13  本文已影响0人  郭佳伟666

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>
上一篇 下一篇

猜你喜欢

热点阅读