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

^草莓牛乳茶^

已于 2023-12-15 17:51:04 修改

阅读量730

点赞数 7

分类专栏： Avue 文章标签：前端

于 2023-12-15 17:49:28 首次发布

本文链接：https://blog.csdn.net/2301_76882889/article/details/135022379

版权

Avue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章讲述了在Vue项目中，点击radio选择项时由于change事件触发频繁导致的问题，包括两个弹框显示、bug出现。作者提供了修复方法，如关闭默认操作、自定义按钮、定义变量并在方法中添加判断以避免重复触发change事件。

摘要由CSDN通过智能技术生成

一、问题描述

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
                }
            },
          },