【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事件
相关推荐
故事与他64520 小时前
XSS_and_Mysql_file靶场攻略
前端·学习方法·xss
莫的感情21 小时前
下载按钮点击一次却下载两个文件问题
前端
一个很帅的帅哥21 小时前
JavaScript事件循环
开发语言·前端·javascript
小宁爱Python21 小时前
Django Web 开发系列(二):视图进阶、快捷函数与请求响应处理
前端·django·sqlite
fox_21 小时前
深入理解React中的不可变性:原理、价值与实践
前端·react.js
Github项目推荐21 小时前
你的错误处理一团糟-是时候修复它了-🛠️
前端·后端
Code小翊21 小时前
C语言bsearch的使用
java·c语言·前端
云枫晖21 小时前
Webapck系列-初识Webpack
前端·javascript
慧一居士21 小时前
HTML5 功能介绍,使用场景,对应功能点完整使用示例
前端
海在掘金6112721 小时前
告别“undefined is not a function”:TS如何让你的函数调用更安心
前端