//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切换页面和按钮