![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementUI
文章平均质量分 55
InterestAndFun
JVM垃圾回收为何不使用360安全卫士?
展开
-
elementUI 表单自定义校验规则无法校验及解决方案
快速解答简单解答一下,这是因为绑定的值有问题。prop绑定的只能是 :model 绑定的值的下一层,而不能是下下层。这里猜测是由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。前言接了个需求:在elementUI中,有一个表单,其中有一项是选择时间。时间这栏又不单只有输入框,后面还要有个单位,我需要校验用户输入的时间不能低于20秒。我们知道elementUI的表单校验也已经很完善了【完整校验规则】,能应付绝大部分场景。但是局限于单个item的校验,对于我这种组合校验的需求,只能自定原创 2021-12-17 11:14:49 · 6958 阅读 · 0 评论 -
elementUI upload自定义文件上传【http-requeset】的方法
问题描述elmentUI 中的upload默认的提交行为是通过action属性中输入的url链接,提交到指定的服务器上。但是这种url提交文件的方式,在实际的项目环境中往往是不可取的。我们的服务器会拦截所有的请求,进行权限控制,密钥检查,请求头分析等安全行为控制。写在这里的url无法实现定义请求参数之类的,就更不能进行后面的操作了。如果你说放行这个请求不就行了嘛,确实,放行不做任何操作是可以,真被人攻击了,到时候定责的时候就麻烦了。所以最恰当的方式,就是自定义文件的上传行为。实现讲解为了方便讲解,我原创 2021-12-06 16:21:45 · 18104 阅读 · 3 评论 -
ElementUI 表格多选框默认全选
先在el-table中用ref标记一下参考代码<el-table :data="tableData" height="400" max-height="400" ref=multipleTable ></el-table>在数据获取完成的方法中,加入 this.$refs.multipleTable.toggleAllSelection();这行代码即可注意事项当列表的数据量过大时,页面的dom元素过多,如果使用上面所述方式,会导致页面直接卡死,浏览器提示页面无响.原创 2021-12-01 11:14:53 · 3360 阅读 · 0 评论 -
ElementUI文件上传 实现点击【选择文件】按钮切换文件
问题描述在文件上传的时候,我们往往会有这样的需求:一次只能上传一个文件。用过ElementUI的 el-upload 的你一定会说,这个好办啊,加个limit 属性就可以解决了。但是有可能会出现这种情况:我想上传 【1.txt】这个文件,然后手快点了【2.txt】这个文件。选错文件了而已嘛,那就切换啊。这时候,你会发现,无论怎么点击,你都选不上【1.txt】这个文件。因为ElementUI认为,你这人不行啊,都限制你只能上传一个了,你还在选多文件,我就不让你选上!问题解决由于设置了limit会原创 2021-12-01 10:51:42 · 3445 阅读 · 0 评论 -
elementUI el-upload上传文件 关闭文件列表
问题描述elementUI 在上传文件的时候,默认会在 el-upload 标签的下方会显示选中的文件。有时候我们并不需要这种需求,想将他关闭。解决方案打开elementUI 官方文档,我们可以找到 show-file-list这个属性,在没有指定值的时候,默认会是true。我们只要将其设置为 false即可。参考代码<el-upload :show-file-list="false"> </el-upload>...原创 2021-12-01 10:28:52 · 4330 阅读 · 0 评论 -
ElementUI 设置表头样式(背景色、字体颜色、高度、居中)
在实际的项目开发过程中,表头背景色的设置是非常常见的,然而ElementUI的样例中,没有相关的样例。这就很让人头大,真就 “高端的表格往往只需要最原始的表头样式”无奈之下,我们只能细细研读ElementUI提供的一些 Table Attributes【表格属性】。附上官方链接:https://element.eleme.cn/#/zh-CN/component/table我们很快就能锁定了两个属性:header-row-style,header-cell-style把官方的话翻译成通俗易懂的话就原创 2021-11-17 17:44:21 · 28190 阅读 · 4 评论 -
elementUI el-select 选择了label却显示value的值
在实际项目开发中出现了选择label却显示value的情况百度上搜索了一圈,全都是说value的数据类型问题,把我带偏了。折腾了半天我才转过来,会不会就是label的问题。我原本习惯都写上span {{lable}}然后放入label的值(当年没用elementUI开发留下来的习惯,得改),按道理来说一注掉,显示的应该还是label的值,而不是value的值。但是显示的偏偏就是value的值,那就是问题所在了,我的label输入导入有问题。详细检查数据接口获取的数据都没问题,我又陷入了沉思,无意之原创 2021-11-10 11:36:26 · 3610 阅读 · 1 评论