logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue2/Vue3 el-table动态实现生成一级表头或多级表头

Vue2/Vue3 el-table动态实现生成一级表头或多级表头,封装后可持续复用

文章图片
#vue.js#elementui#javascript
el-select滚动底部加载更多-Vue3(ElementPlus版,亲测成功)

最近线上环境发现一个问题,在进入页面后3s后页面即卡顿崩溃,刷新页面无效,内存剧增,经排查,是由于某一个选择框的数据由于接口一次性返回数据过多,导致浏览器处理不了,随即出现这个问题。

文章图片
#vue.js#elementui#javascript
vue 预览文件

let dataFile = new FormData();/**拿预览文件的ID *//**fileId-》文件id */dataFile.append("fileid", fileId);// this.$axios-》封装的请求方法this.$axios("请求地址", dataFile).then(res => {let getUrl = '路径' + res.data.result

#vue.js#前端#javascript
在vue3项目中实现文件分片上传vue-simple-uploader

vue-simple-uploader 是一个基于 Vue.js 的简单文件上传插件,有以下几个特点:1、简单易用:只需在 Vue 组件中使用该插件,并设置相应的配置选项即可实现文件上传功能。2、多文件上传:插件支持同时上传多个文件,可以选择并一次性上传多个文件。3、进度条显示:该插件提供了进度条显示上传进度,让用户清楚地知道文件上传的状态和进度。4、上传前验证:可以通过设置验证规则,对上传的文件

文章图片
#vue.js#前端#javascript
vue3 ElementPlus el-table使用自定义指令实现滚动懒加载分页

1、懒加载分页:好处:分页是数据性能问题很好的解决办法。缺点:相比虚拟dom,此用户体验不会特别好,因为到底部时需要等待接口返回下一页的数据,而虚

文章图片
#vue.js#前端#javascript +1
vue3项目使用Echarts图表时不显示tooltip

在项目上使用到图表时,在配置了tooltip后移入还是不展示提示框,后面发现跟底层代码全等(===)有关系,且官方也是有出这个解决方案。

文章图片
#echarts#前端#javascript +1
在vue3项目中实现文件分片上传vue-simple-uploader

vue-simple-uploader 是一个基于 Vue.js 的简单文件上传插件,有以下几个特点:1、简单易用:只需在 Vue 组件中使用该插件,并设置相应的配置选项即可实现文件上传功能。2、多文件上传:插件支持同时上传多个文件,可以选择并一次性上传多个文件。3、进度条显示:该插件提供了进度条显示上传进度,让用户清楚地知道文件上传的状态和进度。4、上传前验证:可以通过设置验证规则,对上传的文件

文章图片
#vue.js#前端#javascript
el-select滚动底部加载更多-Vue3(ElementPlus版,亲测成功)

最近线上环境发现一个问题,在进入页面后3s后页面即卡顿崩溃,刷新页面无效,内存剧增,经排查,是由于某一个选择框的数据由于接口一次性返回数据过多,导致浏览器处理不了,随即出现这个问题。

文章图片
#vue.js#elementui#javascript
到底了