【Avue】点击新增再点击表单得radio选项出现新表单,且编辑页面关不掉新表单处理方法

一、问题描述

1、点击新增
2、 点击radio选择值

1、点击否得时候没反应

2、点击是得时候出现新表单

2.1、旧代码
复制代码
          {
            label: '是否危险源',
            prop: 'isBigdanger',
            searchLabelWidth: 120,
            overHidden: true,
            span: 24,
            rules: [
              {
                required: true,
                message: '请选择是否重大危险源',
                trigger: 'blur',
              },
            ],
            type: 'radio',
            dicUrl: '/api/blade-system/dict/dictionary?code=yes_no',
            props: {
              label: 'dictValue',
              value: 'dictKey',
            },
            value: '0',
            change: ({ value, column }) => {
                if (value === '1') {
                  this.controlbigdangerVisible = true
                }
            },
          },
3、点击编辑-出现bug

问题:出现两个弹框

原因:使用change事件,只要值发生改变,就会触发

二、解决

1、自定义新增、删除按钮
2、关闭原本得新增、编辑

3、定义变量

4、方法中判断
5、修改change事件
相关推荐
晴殇i1 分钟前
前端代码规范体系建设与团队落地实践
前端·javascript·面试
用户74054639943092 分钟前
Vite 库模式输出 ESM 格式时的依赖处理方案
前端·vite
开发者小天9 分钟前
React中使用useParams
前端·javascript·react.js
lichong95117 分钟前
Android studio release 包打包配置 build.gradle
android·前端·ide·flutter·android studio·大前端·大前端++
nvvas30 分钟前
npm : 无法加载文件 D:\nvm\nodejs\npm.ps1,因为在此系统上禁止运行脚本问题解决
前端·npm·node.js
拉不动的猪1 小时前
浏览器之内置四大多线程API
前端·javascript·浏览器
林太白1 小时前
5大排序算法&2大搜索&4大算法思想
前端
摇滚侠1 小时前
浏览器的打印功能,如果通过HTML5,控制样式
前端·html·html5
喵喵侠w1 小时前
uni-app微信小程序相机组件二次拍照白屏问题的排查与解决
前端·数码相机·微信小程序·小程序·uni-app
超大只番薯1 小时前
在Next.js中实现页面级别KeepAlive
前端