vue按钮控制显示隐藏

1、

<view class="goods_nav" style="flex: 1 1 0%;" @click="chooseAll()">{{edit_success}}</view>

2、script代码

<script>

        data() {
            return {
                edit_success:'编辑',
            };
        },

        methods: {
            chooseAll:function(){
                this.bottomShow = !this.bottomShow;
                if(this.bottomShow){
                    this.edit_success = '完成'
                }else{
                    this.edit_success = '编辑'
                }
            },
        }
    };
</script>

3、效果

vue按钮控制显示隐藏

 

 vue按钮控制显示隐藏

 

上一篇:正则校验


下一篇:makefile学习要点汇总