【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事件
相关推荐
前端小趴菜0510 分钟前
React - 组件通信
前端·react.js·前端框架
Amy_cx30 分钟前
在表单输入框按回车页面刷新的问题
前端·elementui
dancing99944 分钟前
cocos3.X的oops框架oops-plugin-excel-to-json改进兼容多表单导出功能
前端·javascript·typescript·游戏程序
后海 0_o1 小时前
2025前端微服务 - 无界 的实战应用
前端·微服务·架构
Scabbards_1 小时前
CPT304-2425-S2-Software Engineering II
前端
小满zs1 小时前
Zustand 第二章(状态处理)
前端·react.js
程序猿小D1 小时前
第16节 Node.js 文件系统
linux·服务器·前端·node.js·编辑器·vim
萌萌哒草头将军1 小时前
🚀🚀🚀Prisma 发布无 Rust 引擎预览版,安装和使用更轻量;支持任何 ORM 连接引擎;支持自动备份...
前端·javascript·vue.js
狼性书生2 小时前
uniapp实现的简约美观的星级评分组件
前端·uni-app·vue·组件
书语时2 小时前
ES6 Promise 状态机
前端·javascript·es6