蓝胖子Lcl 2021-04-19 16:53 采纳率: 0%
浏览 378

vue 怎样点击加号让减号显示出来


        const app = new Vue({
            el:'#app',
            data:{
                counter:1,
                show:true
            },
            methods: {
                add:function(){
                    this.counter++
                },
                sub:function(){
                    if(this.counter>0){
                        this.counter--
                    }else{
                        this.counter = 0
                        this.show = !this.show

                    }
                }
            }
        })

    <div id="app">
  
        <div>
            
            <button v-on:click="add">+</button>
            <span>{{counter}}</span>
            <button @click="sub" v-show="show">-</button>
        </div>
    </div>
  • 写回答

6条回答 默认 最新

  • 关注

    哈哈,自己解答了

    评论

报告相同问题?