【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事件
相关推荐
han_18 分钟前
Vue.js 为什么要推出 Vapor Mode?
前端·javascript·vue.js
oden30 分钟前
AI重构10000行老代码:2周完成1个月工作量的真实复盘
前端·aigc·ai编程
小满zs44 分钟前
Next.js第十二章(RSC/服务端组件/客户端组件)
前端
亿元程序员1 小时前
明明直接用就可以了,非要在Creator里面写???
前端
wadesir1 小时前
Nginx负载均衡代理协议详解(从零开始搭建高可用Web服务)
前端·nginx·负载均衡
秋氘渔1 小时前
Vue 3 组合式写法:侦听器 watch 和 watchEffect 的区别及使用技巧
前端·javascript·vue.js·watch·watcheffect
想睡八个小时2 小时前
已包含的文件名 “a.vue“ 仅大小写与文件名 “A.vue“ 不同
前端·vscode
The_era_achievs_hero2 小时前
Echarts
前端·javascript·echarts
涔溪3 小时前
Vite 和 Webpack 这两款主流前端构建工具的核心区别,包括它们的设计理念、工作机制和实际使用体验上的差异。
前端·webpack·vite
0思必得03 小时前
[Web自动化] 开发者工具元素(Elements)面板
运维·前端·自动化·web自动化·开发者工具