弹框下次触发时还保留上次的触发条件

问题：弹框下次触发时还保留上次的触发条件，最后检查之后发现弹框触发之后只是将内容做了清除，上次的状态还保留，因此做了如下处理

• 在modal中加上v-if
• html

    <a-modal 
        v-if="dialogFormVisible"
        v-model:visible="dialogFormVisible"
        :mask-closable="false"
        draggable
        :title="textMap[dialogStatus]"
        :on-before-ok="dialogStatus === 'create' ? createData : updateData"
    >
    </a-modal>
  

• js

    <script>
        const textMap = ref({
       
            update:'编辑'
            create:'添加'
        })
        const dialogFormVisible = ref(false);//初始化弹框状态
        const dialogStatus = ref('');//弹框当前属性，update 还是 create
        在点击按钮之后改变弹框状态，设为可视，并设置弹框当前属性
        dialogFormVisible.value = true
        dialogStatus.value = 'update'
    </script>