【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事件
相关推荐
栀秋666几秒前
深入浅出:手写一个迷你版 Zustand
前端·react.js·前端框架
gustt几秒前
手写 Zustand:从零实现 React 轻量级状态管理库
前端·面试
读忆10 分钟前
在前端开发中使用组件后, 若是出了bug, 应该如何排查, 怎么排查, 解决方式是什么?
前端·javascript·vue.js·bug
We་ct15 分钟前
LeetCode 162. 寻找峰值:二分高效求解
前端·算法·leetcode·typescript·二分·暴力
HWL567917 分钟前
uni-app的生命周期
前端·vue.js·uni-app
softbangong18 分钟前
829-批量提取各子文件夹下文件到一级目录
java·服务器·前端·自动化工具·批量文件处理·文件提取工具·文件夹整理
李剑一19 分钟前
别再瞎写 Cesium 可视化!热力图 + 四色图源码全公开,项目直接复用!
前端·vue.js·cesium
SuperEugene21 分钟前
Vue3 + Vue Router + Pinia 路由守卫规范:beforeEach 应做 / 不应做,避死循环、防重复请求|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·前端框架
Greg_Zhong22 分钟前
Css知识之伪类和伪元素
前端·css
Mintopia23 分钟前
GPT-5.3-Codex 底层逻辑是什么,为什么编码强?
前端·人工智能·ai编程