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

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条回答 默认 最新

  • 关注

    哈哈,自己解答了

    评论

报告相同问题?

悬赏问题

  • ¥60 iinfercnv 肿瘤进化树
  • ¥15 如何入门学习c语言,单片机
  • ¥15 idea 编辑语言的选择
  • ¥15 Windows下部署Asmjit
  • ¥15 请问双层规划模型的上下层目标函数不一致,是如何保证迭代收敛性的
  • ¥15 微信小程序 前端页面内容搜索
  • ¥15 cpu是如何判断当前指令已经执行完毕,然后去执行下条指令的
  • ¥15 安装visual studio2022时visualstudiosetup启动不了,闪退。问题代号0x0和0x1389
  • ¥30 java spring boot2.5.3版本websocket连不上
  • ¥15 angular js调外部链接查看pdf