element-ui select框一进入页面校验报错

最新推荐文章于 2024-05-22 17:31:43 发布
最新推荐文章于 2024-05-22 17:31:43 发布
阅读量515 收藏
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dell_Luo/article/details/117528784
版权

element-ui select框进入页面校验报错

如何解决呢
就是把select框绑定的字段 初始设为null ,不能设置为字符串

dell_Luo
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Element-ui 多选.md
05-21
解决vue-cli+Element-ui项目 在使用element的表单验证 会触发多选下拉框的验证bug 并在页面初次加载执行一次校验
【vue3+elementuiplus】el-select下拉框会自动触发校验规则的最强解决方案
bbt953的博客
08-02 9772
el-select下拉框会自动触发校验规则的最强解决方案
el-select 必填项验证 下拉框必填项验证
weixin_50885665的博客
04-10 8100
注意:选择的数据类型 常规的方式，注意 第一点： v-model绑定的数据要和上面的prop的名称一致 第二点: 由于Form的校验内置了async-validator，而它会给每个字段加一个默认的值为string的type规则，即默认情况下字段必须是字符串型。 但是一般选择的是类别的id，所以类别就需要你自己设置成number才可以 type类型: string number password: [ {required: true, ...
【vue3+elementuiplus】el-select下拉框会自动触发校验规则
最新发布
qq_33225414的博客
05-22 779
在关闭弹层事件中，我做了resetfileds，resetfileds置空form表单，其实本质上也是一种改变select的操作，故而触发了select的change事件，在第二次打开新增弹层时，select的值为“ ”，所以才会触发表单校验规则。因此，我在el-dialog上面加了销毁属性，当dialog关闭后，整个组件就被销毁，打开新增弹层时已经是一个新dom，就不会出现bug了。
Element select表单必填验证
热门推荐
PaPablame的博客
09-16 1万+
Element select表单必填验证 <el-form-item v-if="form.id == undefined" label="分配角色" prop="typevalue"> <el-select v-model="roleStatus" placeholder="分配角色" clearable multiple
element UI表单中数组循环验证必填方法
小破孩的博客
12-24 2557
表单内有部分数据是通过数组循环展示出来的，需要对循环出来的表单进行验证，方式如下： <div class="material-list" v-for="(item,index) in model.materialList" :key="index"> <el-form-item label="类型" :prop="`materialList.${index}.materialType`" :rules="{ required: true, message: '请选择类型',tr
解决 el-select multiple 下拉多选控件，一进页面就会触发表单校验问题
_修铁路的、的博客
01-05 9055
场景： 新增页面使用el-select multiple 下拉多选控件，并设置了非空校验，打开页面时，下拉多选控件会自动触发表单非空校验，如下图所示： 预期效果是：打开页面，职能属性和其他属性一样，不会自动触发表单非空校验，而是在操作当前属性时触发。 经过查询和测试，目前找到两种方法，但总体都是思路都是一致，设置初始值为空数组即可 解决方法： 第一种： 页面初始化时，设置当前属性(职能属性)初始值为空数组，例如：[] export d...
详解为element-ui的Select和Cascader添加弹层底部操作按钮
12-28
但是很遗憾element-ui没有给我们提供这个插槽，我们想实现这个功能只能重写组件或者等官方更新吗，答案当然是否定的！ 花了一点时间通过一个函数实现这个功能，支持el-select和el-cascader,效果点击预览 其实...
Vue ~ element-ui 动态表单验证，支持添加和删除操作
07-27
在Vue.js框架中，Element-UI是一个非常流行的UI组件库，它提供了丰富的界面元素和功能，使得开发者可以快速构建美观的后台管理系统。本项目“Vue ~ element-ui 动态表单验证”是针对Vue和Element-UI的一个应用场景，...
详解element-ui设置下拉选择切换必填和非必填
12-10
在Element-UI中，开发Web应用时常会遇到需要动态调整表单验证规则的情况，比如一个下拉选择框根据用户的选择，使得某个输入框变为必填或非必填。本篇文章将详细讲解如何实现这一功能。 首先，我们来看一下具体的...
针对element下拉select可多选时（ multiple）添加校验一进页面就触发校验bug
qq_42859450的博客
08-31 1193
element-plus select触发校验bug
element模态框dialog中的select组件中选中无反应
PGguoqi的博客
05-16 9790
准确说，是在dialog的el-from组件中的el-select组件，打开模态框时，对select绑定的数据重新赋值value1，select视图层状态会变成value1，但之后变更option选项，select视图层*不再更新。 一般是在新建或编辑数据，弹出dialog模态框，在弹窗的表单里对该条数据进行编辑修改。 <el-dialog :visible.sync="dialogEdit...
记el-select选择触发校验不通过（单选/多选）
m0_46099649的博客
03-28 880
el-select选择触发校验不通过
element-ui el-select 设置提示
Shaoyouiqng的博客
02-29 7969
今天分享一个在vue中设置title一个比较棘手的问题，就是我们在和el-select动态设置title，如图所示，只能设置每一个option的一个title ，在创建用户或者做分配的时候，需要多个的el-select就不能做到el-select的全局提示 在这里只能去提示下拉框的titile，我们需要给上面的el-select设置下。我们就需要去在 <el-select>&lt...
解决element-ui对话框el-dialog初始化的校验问题
TVM的博客
06-17 2673
不刷新页面重新打开el-dialog时，如果我们绑定了rules或者某个值需要required，它总会自动校验。 查看了多个博文，发现常用的有两种解决方法(下列方法都可以在其他博文查看，不再细写，如有需要请自行查询)： 1.给dialog套上v-if ； 2.在关闭dialog时,监听关闭回调,清除校验。 我在自己的项目里使用了上述两种方法，都不太好用，自己琢磨出了另一种方法： <el-dialog @open="openDialog()"> </el-dialog>
element中打开对话框表单验证就已经存在的解决办法
my466879168的博客
03-09 7933
打开对话框表单验证已存在 原因可能是打开对话框的时候会给表单赋值，赋值的时候为空值，这个时候就触发了一次校验，所以打开对话框的时候表单校验就已经存在了 解决办法: 在对话框打开或者关闭的时候使用clearValidate方法移除表单的校验 clearcheck(formName){ if(this.$refs[formName]){ this.$refs[formName].clear...
element-ui 二级联动 选择器 无法选择 或者 显示错误 异常
yssa1125001的博客
05-18 1267
刚开始的配制如下： <el-form-item label="所属分类"> <el-select v-model="courseInfo.subjectParentId" @change="firstChange" placeholder="请选择一级分类"> <el-option v-for="item in oneList" :key="item.id" .
elementUI中select下拉框设置了多选multiple之后 一进页面就触发校验bug
吴小勇的博客
11-22 2828
封装select组件时，预留了多选的配置，但是配置过后发现，一进入组件后select组件会自动校验，百度了，大概都是说的时选择器输入框在data中的初始值。created钩子函数中，判断当前是否传入multiple参数，如果有传入表示多选，可以将钩子函数中将表单的初始值改为空数组 [ ] ，
vue element-ui 如何为动态表单创建 校验
06-08
Vue 和 Element-UI 的表单校验非常方便，只需要在表单项上添加相应的属性即可。下面是一个示例，展示如何为动态表单创建校验。 假设我们有一个动态表单，表单内容由后端返回，包含表单项的类型、名称、默认值、是否...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值