【vue指令】v-show

//html
                    <Button
                        type="primary"
                        class="twoWord"
                        @click="chooseIf"
                        v-show="submitshow1 == 0" //初始值 0,0 == 0  按钮显示 因为v-show Boolean值为 true
                        :disabled="view"
                        >{{ $t("1011") }}456</Button
                    >
                    <Button
                        type="primary"
                        class="twoWord"
                        @click="addPost(0)"
                        v-show="submitshow1 != 0" //按钮123不显示
                        :disabled="view"
                        >{{ $t("1011") }}123</Button
                    >
                     <div class="part2" v-show="submitshow">
                        <div
                            class="func"
                            style="font-size: 20px; font-weight: bold"
                        >
                            指派给
                        </div>
                    //js
                    data(){
                      return {
                        submitshow : false
                        submitshow1: 0  //submitshow1为0
                      }
                    }
                    chooseIf(){
                      this.$Modal.confirm({
                        onOk: () =>{//当点击消息弹窗的确定按钮时,会发生
                             this.submitshow = true; // part2显示
                             this.submitshow1 == 1; //按钮456不显示,按钮123显示
                        }
                        onCancel: () => {
                          this.submitshow1 == 1; //按钮456不显示,按钮123显示
                        }
                      })
                    }
                    addPost(){
                      
                    }

初始状态 submitshow = false submitshow1 == 0 按钮456显示 按钮123不显示,div part2不显示

按钮显示

点击按钮456,触发chooseIf()事件,弹窗出现,点击弹窗确定按钮,触发onOk()事件,此时part2显示,按钮456不显示,按钮123显示:

在这里插入图片描述

通过v-show切换页面和按钮

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值