element-ui
Jiang_JY
!! 开发问题可联系作者 !!,后续会发布更多的前后端文章,感谢关注,共同进步
展开
-
v-if 导致 elementui 表单校验失效问题解决
在使用 elementui 表单的过程中,某些表单项需要通过 v-if 来判断是否展示,但是这些表单项出现了检验失效的问题。1、给需要 v-if 判断的表单项添加 key 值2、将校验规则直接绑定在 el-form-item 上3、v-show 代替 v-if这种方法存在一个问题,就是如果 v-if 判断的表单项中如果存在相同字段的项就会导致重复校验的问题,所以这种方法需要在判断的表单项字段都不相同的情况下使用。原创 2024-01-25 11:04:31 · 985 阅读 · 0 评论 -
el-checkbox 实现展示区分 label 和 value(展示值与选中获取值需不同)
elementplus 的 el-checkbox 官方代码中的多选框组实例如下:上方代码中选中哪个选项就会往 checkList 数组中加入选项的 label 值,如果需要实现展示的值与选中的值不一样要怎么实现呢?原创 2024-01-24 17:24:33 · 1247 阅读 · 0 评论 -
elementplus 中 DatePicker 日期选择器样式修改无效
遇到一个需求需要修改 DatePicker 日期选择器的样式,在添加了 scoped 属性的 style 标签,并且使用了 deep 样式穿透的情况下并不能修改其样式。原创 2024-01-24 16:23:17 · 772 阅读 · 0 评论 -
elementplus 中 select 选择器下拉框样式无法修改问题
遇到需要修改 elementplus 中下拉框 el-select 样式的需求,但是发现在添加了 scoped 属性的 style 标签,并且使用了 deep 样式穿透的情况下并不能修改其样式。原创 2024-01-24 15:46:26 · 1126 阅读 · 0 评论 -
elementui 表单数据嵌套过深导致校验不了问题解决
在使用 elementui 表单校验的过程中发现表单中存在嵌套多个层级的数据不能进行校验。原创 2024-01-23 15:53:12 · 794 阅读 · 0 评论 -
elementui 表单 resetFields 方法不生效问题解决
调用 elementui 官方提供的表单重置方法 resetFields 方法重置表单不生效,相信很多小伙伴都遇到过这个...原创 2024-01-23 15:32:59 · 636 阅读 · 0 评论 -
elementUI导航菜单中切换菜单项后页面跳转了但是选中菜单项不变或者与点击项不一致问题
菜单项是否选中就是看 default-active 绑定的值是哪个菜单项的 index 值,所以我们在路由跳转后将 default-active 绑定的值切换为当前菜单项的 index 值即可。将 index 值设置为菜单项的路由路径,点击后直接进行路由跳转,然后将 default-active 绑定为路由跳转完后的当前路由路径。比如下方中从博客切换到标签,正常情况下选中的菜单项应该是标签(标签高亮),但是现在选中的菜单项依旧是博客或者其他菜单项。原创 2022-10-25 21:47:13 · 5083 阅读 · 0 评论 -
element-ui el-select不更新问题
问题:<el-select v-model="editForm.type_id" placeholder="请选择分类"> <el-option v-for="(item,index) in getalltype" :key="item.index" :label="item.name" :value="item.id + ''"></el-option></el-select>在下拉框中选择某个值后,el-select绑定的值更新了但是页面显示没有原创 2021-11-04 15:33:00 · 5196 阅读 · 2 评论