- 博客(18)
- 收藏
- 关注
RSS订阅原创 el-tree树结构添加指引线
用element的el-tree树时，展开收缩的数据当数据量大时就会显示的杂乱，不容易查看，所以希望是能像zTree一样支持有指引线。
2024-02-02 14:50:44
619
原创 el-select-v2 虚拟化选择器设置了placeholder占位符但不显示
el-select-v2 虚拟化选择器设置了placeholder占位符但不显示
2024-02-02 14:50:26
706
原创 vue3 ElementPlus el-table使用自定义指令实现滚动懒加载分页
1、懒加载分页：好处：分页是数据性能问题很好的解决办法。缺点：相比虚拟dom，此用户体验不会特别好，因为到底部时需要等待接口返回下一页的数据，而虚
2023-12-25 11:06:09
1210
原创 vue3项目使用Echarts图表时不显示tooltip
在项目上使用到图表时，在配置了tooltip后移入还是不展示提示框，后面发现跟底层代码全等（===）有关系，且官方也是有出这个解决方案。
2023-12-25 10:38:16
522
原创 前端获取scss文件中的变量值
最近项目上新增主题，有一些变量值希望能在样式中使用并且也能在逻辑代码中使用，就想到了能不能获取到scss文件中的变量，解决方法如下，可以将下面方法写成一个hook或者放在utils下作为一个公共方法。
2023-12-20 14:51:40
655
原创 echarts 饼图的label在labelLine引导线上方展示
在series配置项中配置label、labelLine、labelLayout参数
2023-12-20 14:34:29
731
原创 el-select滚动底部加载更多-Vue3（ElementPlus版，亲测成功）
最近线上环境发现一个问题，在进入页面后3s后页面即卡顿崩溃，刷新页面无效，内存剧增，经排查，是由于某一个选择框的数据由于接口一次性返回数据过多，导致浏览器处理不了，随即出现这个问题。
2023-12-15 15:11:29
2132
1
原创 在vue3项目中实现文件分片上传vue-simple-uploader
vue-simple-uploader 是一个基于 Vue.js 的简单文件上传插件，有以下几个特点：1、简单易用：只需在 Vue 组件中使用该插件，并设置相应的配置选项即可实现文件上传功能。2、多文件上传：插件支持同时上传多个文件，可以选择并一次性上传多个文件。3、进度条显示：该插件提供了进度条显示上传进度，让用户清楚地知道文件上传的状态和进度。4、上传前验证：可以通过设置验证规则，对上传的文件进行前端验证。例如，限制文件类型、大小等，以确保只上传符合要求的文件。
2023-09-26 22:51:11
3263
8
原创 tree结构数据，根据子级某字段参数匹配所有父级的数据
最近在搭建react+antd的后台管理系统模板，碰到面包屑组件，需要根据左侧菜单栏当前选中的数据，再往上查找所有的父节点数据，即可使用下面这种方法返回正确的数据，真实业务场景中这种情况也不少见。废话不多说，直接上代码，CV即可用。
2023-02-23 20:55:41
210
原创 Vue2/Vue3 el-table动态实现生成一级表头或多级表头
Vue2/Vue3 el-table动态实现生成一级表头或多级表头，封装后可持续复用
2022-09-24 17:50:30
3272
6
原创 element el-select 单选或多选时，需要绑定对象解决方法
element el-select 单选或多选时，需要绑定对象解决方法。
2022-08-10 15:53:04
1192
原创 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
870
原创 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
530
原创 vue 预览文件
let dataFile = new FormData(); /**拿预览文件的ID */ /**fileId-》文件id */ dataFile.append("fileid", fileId); // this.$axios-》封装的请求方法 this.$axios("请求地址", dataFile).then(res => { let getUrl = '路径' + res.data.result; // 路径拼接后端返回的文件路径 window.open...
2022-02-15 10:59:49
1292
原创 element里的el-menu和vue实现无限级菜单。
这是成果从这引入封装得sideBarCommon组件,.el-menu-item.is-active是当前选中得高亮样式<el-aside> <el-menu :router="true" default-active="1-1-1-1" class="el-menu-vertical-demo"> <menu-tree :menuNavList="menuList"></menu-tree> </el-me.
2022-01-17 17:02:51
1098
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人