element ui
池中飞雪
这个作者很懒,什么都没留下…
展开
-
el-input只能输入0-100或1-100的正整数
el-input只能输入0-100或1-100的正整数原创 2022-09-23 11:13:10 · 4613 阅读 · 0 评论 -
登录页点确定接口校验提示显示到el-inupt框下面
后端校验toast提示,改为前端el-input框校验提示原创 2022-08-25 16:51:36 · 970 阅读 · 0 评论 -
解决 element-ui input=password 在浏览器会自动填充密码的问题
看了几种方案 都号称完美但不能完美解决问题后发现其根本原因是input type=password时浏览器会自动填充解决方法是通过使用input type=text 修改css属性达到预期效果```<el-input type="text" class="no-autofill-pwd" .........>.no-autofill-pwd { /deep/ .el-input__inner {-webkit-text-security:disc!im...原创 2021-11-10 14:05:45 · 1050 阅读 · 0 评论 -
element ui 表格滚动条抖动的问题
1.把.el-table的样式设为:position:absolute.el-table { position: absolute !important;}2.把包着表格的父级设为 position: relative.tableArea { position: relative;}修改表格滚动条样式:// 修改表格滚动条样式.el-table__body-wrapper::-webkit-scrollbar { width: 6px; heig...原创 2021-06-10 14:45:42 · 1796 阅读 · 0 评论 -
element-ui主表格多选后 二级弹框表格默认全选数据
需求:element ui的主数据列表多选后,点击按钮进入二级弹框后,让二级弹框的所有数据默认全选二级弹框结构:网上试了好多方法都未生效,只有用watch监听的方法才行。注意:这里必须放在this.$nextTick回调函数里,否则在element ui Dialog弹框里的表格,通过this.$refs.multipleTable是获取不到元素的watch: { // 主表格选择多选框后,监听二级弹框数据,设置默认全选 'gridData'() { this.$nextTic原创 2021-05-20 11:06:30 · 609 阅读 · 0 评论 -
element ui 邮箱非必填校验
业务场景:在新增用户弹框里,邮箱为非必填项,不填也能提交成功,但是如果填了,要进行格式校验vue结构:要加prop<el-form-item label="邮箱" prop="email"> <el-input v-model="editForm.email" clearable></el-input></el-form-item>data数据里定义校验规则:// 邮箱校验规则const checkEmail = (rule, v原创 2021-04-23 18:10:28 · 2590 阅读 · 0 评论 -
element ui 点击修改开启停用按钮状态
后台在查询用户列表时,返回一个status状态值 true 或 false 来表示 开启 或者 停用true为开启,false为停用,所以对应的操作应该是相反的,开启(true)的时候显示停用按钮,停用(false)显示开启按钮操作区代码示例:因为调用开启停用接口,后台并未返回状态值,直接用查询接口中的status值做取反处理即可,也就是当前行的row.status最后,点击开启或关闭按钮,就会调用接口改变状态,同时按钮颜色也会跟着改变...原创 2021-04-23 16:34:39 · 3796 阅读 · 0 评论