v-show

v-show 可用于切换元素的显示和隐藏

<body>
    <script src="../vue.js"></script>
    <div id="mydiv">
        <input type="button" value="change" @click="change">
        <!-- 注意，此时 v-show 中可以直接放入变量，但是如果在 input 的 value 属性中直接放入变量会无效，也无法使用{{}} -->
        <!-- v-show 可以改为判断表达式，例如 age > 18 -->
        <div v-show="judge">can you see me?</div>
    </div>
    <script src="work2.js"></script>
</body>
var app = new Vue({
    el:'#mydiv',
    data:{
        judge: true
    },
    methods: {
        change:function(){
            this.judge = !this.judge
        }
    }
})

 

posted @ 2022-11-26 21:07  树叶本子  阅读(186)  评论(0)    收藏  举报