![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
zou-dev
这个作者很懒,什么都没留下…
展开
-
vue首屏加载白屏的优化方式之一(DNS预解析网络资源)
【代码】vue首屏加载白屏的优化方式之一(DNS预解析网络资源)原创 2024-05-06 15:46:28 · 334 阅读 · 0 评论 -
vue3自定义指令实现图片懒加载
vue3自定义指令实现图片懒加载原创 2023-09-07 16:13:41 · 296 阅读 · 0 评论 -
在vue3项目中实现文件分片上传vue-simple-uploader
vue-simple-uploader 是一个基于 Vue.js 的简单文件上传插件,有以下几个特点:1、简单易用:只需在 Vue 组件中使用该插件,并设置相应的配置选项即可实现文件上传功能。2、多文件上传:插件支持同时上传多个文件,可以选择并一次性上传多个文件。3、进度条显示:该插件提供了进度条显示上传进度,让用户清楚地知道文件上传的状态和进度。4、上传前验证:可以通过设置验证规则,对上传的文件进行前端验证。例如,限制文件类型、大小等,以确保只上传符合要求的文件。原创 2023-09-26 22:51:11 · 5107 阅读 · 10 评论 -
el-select滚动底部加载更多-Vue3(ElementPlus版,亲测成功)
最近线上环境发现一个问题,在进入页面后3s后页面即卡顿崩溃,刷新页面无效,内存剧增,经排查,是由于某一个选择框的数据由于接口一次性返回数据过多,导致浏览器处理不了,随即出现这个问题。原创 2023-12-15 15:11:29 · 3727 阅读 · 1 评论 -
echarts 饼图的label在labelLine引导线上方展示
在series配置项中配置label、labelLine、labelLayout参数原创 2023-12-20 14:34:29 · 1152 阅读 · 0 评论 -
vue3项目使用Echarts图表时不显示tooltip
在项目上使用到图表时,在配置了tooltip后移入还是不展示提示框,后面发现跟底层代码全等(===)有关系,且官方也是有出这个解决方案。原创 2023-12-25 10:38:16 · 615 阅读 · 0 评论 -
vue3 ElementPlus el-table使用自定义指令实现滚动懒加载分页
1、懒加载分页:好处:分页是数据性能问题很好的解决办法。缺点:相比虚拟dom,此用户体验不会特别好,因为到底部时需要等待接口返回下一页的数据,而虚原创 2023-12-25 11:06:09 · 1982 阅读 · 0 评论 -
el-tree树结构添加指引线
用element的el-tree树时,展开收缩的数据当数据量大时就会显示的杂乱,不容易查看,所以希望是能像zTree一样支持有指引线。原创 2024-02-02 14:50:44 · 857 阅读 · 0 评论 -
el-select-v2 虚拟化选择器设置了placeholder占位符但不显示
el-select-v2 虚拟化选择器设置了placeholder占位符但不显示原创 2024-02-02 14:50:26 · 984 阅读 · 0 评论 -
Vue2/Vue3 el-table动态实现生成一级表头或多级表头
Vue2/Vue3 el-table动态实现生成一级表头或多级表头,封装后可持续复用原创 2022-09-24 17:50:30 · 3417 阅读 · 6 评论 -
vue3写法递归生成children格式
/** * 生成父子结构数据 * @param asideBarId 顶级id */ const initTree = (asideBarId: any) => { state.asidefilterList = state.asideBarList.filter((item) => item.pid== asideBarId) return state.asidefilterList.map((item) => ({ ...item, chil原创 2022-04-25 11:29:04 · 942 阅读 · 0 评论 -
Element-ui表单根据rules校验精准提示未完成信息
主要就是用原生绑定方法获取标签,再取innerText。/**将以下代码放在你想出现提示的方法最前面 */this.$nextTick(function () { setTimeout(() => { let errorDom = document.getElementsByClassName('el-form-item__error')[0]; if (errorDom) { this.$message.warning(er原创 2022-04-19 16:18:28 · 543 阅读 · 0 评论