![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementui
韭伍後
前端爬坑ing
展开
-
elementui日期样式优化
hover时候字体颜色: #5FAEB0。背景颜色: #cbd0d7。边框颜色: #cbd0d7。背景颜色: #5FAEB0。边框颜色: #5FAEB0。字体颜色: #fff。字体颜色: #fff。背景颜色: #F2F3F5。字体颜色: #757C7C。字体颜色: #5a8bf2。背景颜色: #5a8bf2。字体颜色: #5a8bf2。hover背景颜色: #f7f9ff。选中的时间背景颜色: #f7f9ff。选中的时间字体颜色: #5A8BF2。本月的字体颜色: #707d8f 然后字体加粗700。原创 2023-01-03 16:27:41 · 1040 阅读 · 0 评论 -
Elementui loading封装
【代码】Elementui loading封装。原创 2022-12-15 14:56:57 · 649 阅读 · 0 评论 -
elementui表格行样式笔记
注意这里可以设置行的背景,但是要加一个!important,否则可能不生效。这里也不清楚为啥设置背景颜色不生效,于是用下面的方法设置表格头的背景颜色。原创 2022-12-09 12:56:27 · 417 阅读 · 0 评论 -
解决ElementUI 自定义验证 validate 函数不执行的问题
如图,调试的时候,我在validate内部打印了一句话,打开调试工具,发现怎么也不执行。调试了半天,终于发现了问题,同事在进行手机号自定义校验的时候没有进行callback回调。callback函数没有执行,validate函数就不会执行,之后我加了callback代码逻辑后,validate函数就正常执行了。...原创 2022-06-30 16:02:23 · 5870 阅读 · 7 评论 -
element-ui中动态切换设置prop无效
在el-form-item加上v-if的后,发现prop失效,解决方案:加上一个key就行了,原理是dom复用原创 2022-06-29 20:59:32 · 1333 阅读 · 0 评论 -
解决el-select组件在IOS移动端点击两次才能选中的问题
今天遇到一个问题,在ipad上面点击el-select的选项,要点击两次才能选中,安卓上面没有遇到类似的问题,还是第一次遇到这么奇怪的问题,然后就找到几种解决方案,记录在此记住这个样式一定要放到全局作用域(例如App.vue)中,不是放在当前作用域中。如果还不生效可以加个/deep/再试试。安装插件fastclick在main.js里引入并使用即可......原创 2022-06-29 15:22:49 · 1168 阅读 · 5 评论 -
如何在vue3项目中优雅的按需引入element-plus
在我们的项目中,我们并不会使用element-plus里所有的ui组件,如果使用完整引入,那么会导致项目打包后的文件臃肿,所以我们一般会采取按需导入的方式。首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件npm install -D unplugin-vue-components unplugin-auto-import然后如果你是用webpack创建的项目,那么你需要在webpack.config.js文件中加入下面代码原创 2022-04-28 21:24:25 · 1820 阅读 · 10 评论 -
elementui表格实现跨页勾选
最近在项目中遇到一个需求,表格需要实现跨页勾选,然后完成批量删除动作,然后就去饿了么官网瞅了半天,发现饿了么官方虽然没有直接教你怎么进行跨页勾选,但是实际上是提供了这个功能的,下面附上详细的实现过程1、给table加上row-key属性<el-table :data="tableData" style="width: 100%" row-key='id'></el-table>官方api:2、打开reserve-selection<el-tab.原创 2021-10-09 16:06:07 · 1529 阅读 · 0 评论