Element-Plus
组件库踩得坑
柑橘乌云_
希望我的博客,能帮你解决学习或工作中所遇到的问题
展开
-
el-cascader 级联选择器 选中范围扩大方式
经过网上冲浪发现可以通过修改css样式去实现,首先最开始先想到的就是用深度选择器去选中,然后修改。但是结果是深度选择器是无法选中,经过排查发现,因为级联选择器组件dom是被加载到了body的子级。这就导致和vue的挂载dom----- #app是同级。遇到的问题:el-cascader打开的选择框只能点击圆点才能被选中,点击文字并不能选中,方法1:el-cascader有一个配置项,但是文档上明显标识,不推荐这么做。然后在对应新增的class上面写样式:注意不能是scoped的样式隔离,原创 2023-12-27 13:42:10 · 798 阅读 · 0 评论 -
vue3 element-plus 修改el-table checkbox的border颜色
饿了么组件table 第一列的checkbox 边框颜色太淡了 通过以下方式就可以加深颜色。原创 2023-05-22 13:49:13 · 1269 阅读 · 0 评论 -
vue3+element-plus 通过v-infinite实现下拉滚动无限加载
Uncaught (in promise) TypeError: Cannot destructure property 'containerEl' of 'el[SCOPE]' as it is undefined.报错解决方法,vue3+element-plus 通过v-infinite实现下拉滚动无限加载原创 2023-05-04 11:53:04 · 5478 阅读 · 2 评论 -
el-button按下后背景颜色不恢复
强制失去焦点即可,然而这并没有全面解决问题。因为如果点击按钮的空白处,点击完毕后,的确可以恢复到点击前的状态的,但是如果点击“退出”两个字,在点击完成后,按钮状态还是没有恢复到点击之前的样子。搜索到的解决方案基本如下:evt.target.blur()。只能说天下文章一大抄啊!搜到的几篇帖子,都只是使用。原创 2023-02-28 16:08:28 · 1736 阅读 · 0 评论 -
vue3 elelment-Plus el-update组件手动上传图片,不自动上传图片
vue3 elelment-Plus el-update组件手动上传图片,不自动上传图片,将raw文件类型转换成url的方式。二、原生上传图片方式。原创 2023-01-04 14:16:03 · 1559 阅读 · 0 评论 -
ele-form修改checkbox的样式
ele-form的checkbox多选框边框颜色太淡,通过深度选择器去修改,特此记录分享给大家。原创 2023-02-28 14:21:27 · 183 阅读 · 0 评论 -
2.5.4版本以及之后el-input不支持修饰符
【代码】2.5.4版本以及之后el-input不支持修饰符。原创 2022-12-30 17:17:39 · 278 阅读 · 0 评论 -
el-input开发中遇到的正则校验记录
2.四舍五入校验(重写了toFixed方法)原创 2023-03-18 11:23:34 · 594 阅读 · 0 评论 -
vue3 Excel导出功能实现(vue3建议使用依赖注入去实现像vue2那样的Vue.prototype.$http = () => {} 全局变量绑定方式)
以上代码是获取table的当前页面的表格导出出去。如果碰到分页的数据,可以在点击导出按钮的事件函数里面先将current页码设置为1,每页显示的条目数设置为总量。调用一下接口,然后在await nextTick() 后面再写导出Excel的代码。导出完后在再还原页码。以上是我在公司遇到的业务逻辑是这样实现的。可能大家会碰到不同业务逻辑。希望以上demo能帮到大家。在el-table 绑定一个id,下面函数里需要获取这个dom节点。原创 2023-02-20 16:44:12 · 885 阅读 · 0 评论 -
el-dialog 的显示隐藏动画 覆盖 修改
这是一个scale动画。原创 2023-03-15 10:40:29 · 607 阅读 · 0 评论 -
el-form 整体校验和单个input校验
ruleFormRef.value.clearValidate('表单中prop的值')//重置form整体校验。原创 2023-03-18 13:42:18 · 638 阅读 · 0 评论 -
element-plus el-table el-table-column 组件中 使用插槽 加载 el-image 组件预览图片 层级过低问题
解决办法:因为是vue3 所以没有使用::deep 会报警告信息。因为这个position的原因。原创 2023-02-16 22:42:05 · 430 阅读 · 0 评论 -
element-plus el-form 表单、表单验证 使用方法、注意事项
element-plus el-form 表单、表单验证 使用方法、注意事项,自定义校验使用方法原创 2023-02-24 14:39:10 · 8680 阅读 · 0 评论 -
vue3+element-plus,实现excel模板下载和excel上传
【代码】vue3+element-plus,实现excel模板下载和excel上传。原创 2023-02-28 11:09:20 · 3290 阅读 · 0 评论 -
关于element-plus表单验证
element-plus 关于表单验证经验博客 汇总原创 2023-01-04 14:30:53 · 99 阅读 · 0 评论