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

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

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

  • 在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>
    
相关文章
|
9月前
|
JSON 算法 前端开发
2725. 间隔取消
2725. 间隔取消
45 0
|
8月前
|
开发工具 git
大事件项目42---怎么区分,发布还是草稿,下拉菜单的触发时机
大事件项目42---怎么区分,发布还是草稿,下拉菜单的触发时机
|
8月前
|
Go vr&ar 容器
技术心得记录:漂亮的触发行变色代码
技术心得记录:漂亮的触发行变色代码
全选和反选中for循环加if判断只会判断最后一个的问题(已解决)
全选和反选中for循环加if判断只会判断最后一个的问题(已解决)
69 0
|
消息中间件 架构师 数据处理
处理数据时点按钮,数据完数据时会自动执行的问题
处理数据时点按钮,数据完数据时会自动执行的问题
|
Shell Perl
显示上次更新的文件
显示上次更新的文件
77 0
|
JavaScript 前端开发
使用Js定时器来定时跳转
记录:想实现在5秒后跳转到指定页面,使用到JS定时器和Location对象。
181 0
|
JavaScript 前端开发 .NET

热门文章

最新文章