前端 # element UI
华唐
欢迎关注
展开
-
element 表单验证会直接跳过但不报错的解决办法
背景公司的一个页面中有这样的需求,一共四个表单,一个提交按钮,点击提交按钮,四个表单验证后提交问题第二个表单的验证没有执行,debugger时发现执行到 this.$refs[formName].validate((valid) => {})这个方法的时候就直接跳出了这个方法解决办法经过排查发现第二个表单的某个子项的自定义验证的callback逻辑有缺陷,因为在element中自定义的验证规定最后必须走callback()函数,但是那个子项中有一种情况会走不到callback(),就导致va原创 2021-02-03 18:44:28 · 1086 阅读 · 1 评论 -
vue element UI常遇到的bug
表单的重置方法无效表单的重置方法无效的原因有两个1.是表单没有加ref属性,这样element的js没法获取到表单的内容就无法重置2.表单中的表单项el-form-item没有添加prop属性,prop属性需要与input框绑定的属性一致,prop属性不止是在做表单验证的时候要加,只要涉及表单操作都要加,主要是让js可以识别每一个不同的表单项的功能3.需要注意的是,resetField方法是将表单的重置为初始值,而不是改成没有值,或者是0等表单的表格的每一列控制其显隐都是使用v-if的..原创 2021-01-04 11:54:20 · 766 阅读 · 0 评论 -
element table表格组件的控制列、按钮的显隐,以及列的乱序问题
element table表格组件的控制列、按钮的显隐,以及列的乱序问题1.关于控制table的按钮的显隐element的table的按钮的显隐应该使用 v-show 不可以使用v-if,因为v-if会导致按钮显示不全的问题2.关于控制table的列的显隐问题element的table的列的显隐必须使用 v-if,使用v-show是没有效果的,当你的列很多时,可以使用div将列包裹起来...原创 2020-04-18 16:21:03 · 1096 阅读 · 0 评论 -
关于用element UI 的upload上传文件时的一些问题总结
关于用element UI 的upload上传文件时的一些问题总结1. 前提:作为前端文件上传的前提就是后端将接口给到你,同时后端应该解决跨域的问题(ps:跨域的问题是前后端都存在的,使用浏览器的话就会有跨域的问题,尤其是现在前后端分离的情况下,调试的时候会有跨域的问题的)。其次就是你们要确定好请求的类型,文件的传输不同于传输字段,字段的传输一般json就好了,但是文件是有特定的传输类型的。说...原创 2020-01-10 11:18:17 · 5345 阅读 · 1 评论 -
element ui的单选框更改点击后的颜色(单选框的fill属性失效)
关于在element ui的单选框更改点击后的颜色的css 或者scss实现,主要的原因是小哥我今天在使用element UI的时候,发现单选框的那个fill属性没有效果,这让我很郁闷,由于之前的全局样式是定义了紫色,但是UI设计的网页在点击后是绿色,这就需要自己抛开fill属性,自己原生css写样式。主要的解决思路1.在element UI中所使用的的组件最后在生成网页的时候是会自动生成很多...原创 2019-12-13 17:15:46 · 5804 阅读 · 1 评论