element中rules校验问题,当点击修改之后,关闭页面进行新增,就会出现字段不能为空的情况爆红问题解决

当点击修改之后,关闭页面进行新增,就会出现字段不能为空的情况爆红问题解决:

正常情况先进性新增不会出现:

但是如果先点击修改,在进行新增操作就会出现爆红问题,体验不好:

关闭修改再点击新增:

还没有点击保存就出现这个情况

解决方案:

在rules里面为每一个相应校验的添加 trigger: 'blur' 字段

如:

 bankName: [

          {

            required: true,

            message: '银行名称不能为空', trigger: 'blur'

          },

        ],

问题解决:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: `el-select`是一个基于Element UI的下拉选择框组件,它的`change`事件影响`options`,是因为这个事件在用户选择了一个新的选项后触发,从而改变了组件的值。当组件的值改变时,`el-select`组件重新计算可选项(即`options`),以确保只有合法的选项可以被选择。 举个例子,假设`el-select`的`options`有`A`、`B`、`C`三个选项,而用户选择了`A`。此时,`el-select`的值将变成`A`,而`options`被更新为`B`和`C`,因为`A`已经被选了,所以不能再次被选择。 因此,`el-select`的`change`事件影响`options`,因为它们是紧密相关的。`change`事件可以帮助我们检测用户选择的变化并进行相应的处理,同时也可以让我们对`options`进行动态更新,以保证数据的一致性和准确性。 ### 回答2: el-select的change事件影响options是因为change事件是在选选项时触发的,而选一个选项意味着该选项被选择为当前的值。而options是el-select的选项列表,当某个选项被选后,该选项就成为当前选择的值,并且el-select自动更新options选项的状态。这样做的目的是为了保持选项的一致性和实时性。 当用户选择一个新的选项时,change事件被触发,我们可以通过监听change事件来获取用户选择的值,并进行相应的操作。例如,可以根据用户选择的值来获取相关的数据,或者更新其他相关的UI组件。 在change事件被触发后,el-select根据选择的值来更新options选项的状态。被选的选项被标记为选状态,而其他未选的选项则被标记为非选状态。这样,用户在下次打开下拉菜单时,可以清楚地看到当前选择的值,并且不出现选项错乱或选项重复的情况。 总之,el-select的change事件影响options,是为了保持选项的一致性和实时性,以便用户能够清楚地知道当前选择的值,并且操作其他相关的逻辑。 ### 回答3: el-select的change事件影响options,原因在于change事件监听下拉选择框的值的变化,并根据该值的变化来更新选项。 当我们在el-select选择了一个新的选项并确认后,change事件被触发。在这个事件根据所选选项的值来更新options。具体地说,它将当前选择的选项的值作为参数传递给change事件的回调函数,我们可以在回调函数通过该值来进行操作。 通过监听change事件并根据选项的值来更新options,我们可以实现一些动态的操作。例如,根据用户的选择来更新下拉选项的内容,或者根据选择的选项展示不同的数据等等。 总的来说,el-select的change事件影响options是因为它是用来监听下拉选项的变化的,通过这个事件我们可以根据选项的值来更新options,实现一些动态的操作。这个特性使得el-select成为一个非常灵活和强大的表单组件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值