vue-插件
文章平均质量分 62
请叫我欧皇i
前端开发工程师~专注前端领域技术~一起学习进步~
展开
-
el-table分页多选导出excel表格
需求:使用el-table分页查询表格的时候记录上一页已选中的数据,之后点击导出按钮后对表格已选中数据导出excel表格,导出成功后清空选中的状态,本文章只记录分页导出的关键代码,其中包含之前的导出全部表格,导出全部表格的数据请查看:原创 2024-04-30 11:15:23 · 307 阅读 · 0 评论 -
echarts折线图月份数据不足自动补0和日期达到数据连续的效果
需求:查询一个月的数据,但是有些数据为0,后端没传,所以要前端进行操作,把没传的数据进行补0填充达到月数据完整效果。原创 2024-03-13 16:07:24 · 649 阅读 · 0 评论 -
vue2使用qiankun微前端(跟着步骤走可实现)
比如现在的vue项目,是一个整体之后包含了多个模块(路由),之后多人开发的时候合并代码可能会造成代码冲突,打包也是全部代码一起打包。微前端解决了这个问题,由一个主应用程序(也就是基座)之后连接多个单独的子应用程序,每个子应用程序都是单独的,你用vue写商品管理,他用react写物流管理等都可以,不同的模块可以由不同的技术栈写。打包也是单独打包。比较方便。原创 2024-01-16 16:47:08 · 2083 阅读 · 0 评论 -
vue2使用wangeditor实现手写输入
在components中添加myscriptMath.js。svg也就是个显示的图标,可以替换为其他。文章到此结束,希望对你所有帮助~原创 2023-12-11 15:08:13 · 484 阅读 · 0 评论 -
vue2使用wangeditor实现数学公式+富文本编辑器
做一个带有数学公式的富文本编辑器,在网上看了很多,这个最合适,借鉴了wangEditor富文本编辑器这里面写的是v3的整合富文本编辑器,我照着上面改成了v2的,本文章主要是实现步骤和错误解决,源码我放在最后了,建议和讲解一起看~原创 2023-12-11 14:56:36 · 2251 阅读 · 2 评论 -
css鼠标横向滚动并且不展示滚动条几种方法
需求:实现内容超出之后使用属性滚轮进行左右查看超出内容,并且隐藏滚动条原创 2023-11-21 17:24:08 · 2148 阅读 · 0 评论 -
echarts设置竖向不同区间范围颜色,并且x轴自定义轴线刻度范围
需求:设置竖向范围区间,不同范围区间颜色不同并且提示信息不同,之后修改x轴的固定间距范围,让0-200-400-600改为0-340-476-754这种,在这我是markLine的方式实现的,这边我还用到x轴的翻转所以显示的是镜像的。原创 2023-10-19 16:30:24 · 582 阅读 · 0 评论 -
vue2打包优化-小白也可快速上手的一套
需求:项目过大可以使用打包优化,减少项目体积,加速页面加载,增强用户体验,跟着步骤来即可实现,主要是vue2的打包优化,不是vue3,文章可能有点长,但是很实用哈哈,耐心看完~原创 2023-10-19 09:58:53 · 1521 阅读 · 0 评论 -
To install them, you can run: npm install --save core-js/modules/es6.array.from core-js/modules/es6.
运行报错To install them, you can run: npm install --save core-js/modules/es6.array.from core-js/modules/es6.,下载完依赖运行一直给我提示这个错误之后还提示我下载什么vue-loader这些。原创 2023-10-08 11:28:58 · 562 阅读 · 0 评论 -
最简单的el-cascadert省市区三级/二级联动
需求:需要实现省市区的三级联动或者二级联动的功能,找了半天找到这个最简单的插件实现,无需自己找json,直接下载导入就有了。插件地址:element-china-area-data - npm (npmjs.com)里面有使用方法,我就是跟着里面的方法写的,此贴就是记录贴。原创 2023-09-19 10:26:12 · 1012 阅读 · 0 评论 -
vue2使用vuedraggable实现拖拽删除添加重置功能
需求:要输入xx阶段,之后输入后显示但是要可以自己手动排序和删除,以免写错了,并且做了判断,如果重复输入的话会提示,不会让他添加,点击重置功能后一键清空所有输入。原创 2023-09-15 13:38:10 · 880 阅读 · 0 评论 -
vue2实现自定义主题webpack-theme-color-replacer
需求:根据element的自定义主题色,之后改变element的全局所有颜色,解决页面刷新后主题色失效问题,这个需要把颜色存入到浏览器的存储中,如果换个浏览器就得重新选择了哈,如果需要在不同的浏览器保持一致的主题,需要跟后端沟通。原创 2023-09-13 13:52:38 · 822 阅读 · 2 评论 -
vue2+vue3封装使用svg图标
需求:1.在vue2中封装使用svg 2.在vue3中封装使用svg 3.在vue3中使用自定义插件封装多个组件原创 2023-08-17 10:00:30 · 478 阅读 · 3 评论 -
vue左右div结构手动拉伸并且echarts图表根据拉伸宽高自适应
需求:左右结构的div,可以根据数据抬起按下进行拉伸修改容器宽度的操作给左右结构某一图表设置拉伸自适应左右结构都设置个最小宽度,只能到一定区域内拉伸解决echarts的bug(重复加载chart实例):[ECharts] There is a chart instance already initialized on the dom.解决浏览器兼容性报错问题原创 2023-08-11 11:39:25 · 822 阅读 · 0 评论 -
el-table使用xlsx实现导入文件编辑功能
需求:列表根据xlsx文件导入后,和列表进行对比,之后实现编辑功能。原创 2023-07-31 16:39:55 · 321 阅读 · 0 评论 -
vue使用driver.js完成页面引导的功能
需求:用户首次进入的时候肯定不知道一些功能是干什么在哪里,之后给用户一个页面引导,教他怎么做。原创 2023-07-20 16:59:18 · 542 阅读 · 2 评论 -
vue数组对象快速获取最大值和最小值(linq插件各种常用好用方法),提高开发效率
需求:因后端传入的数据过多,前端需要在数组中某一值的的最大值和最小值计算,平常用的最多的不就是遍历之后再比对吗,或者用sort方法等实现,同事交了我一招,一句话就可以获取到数组对象中最大值和最小值,那就是用linq插件,确实好用,用法也很简单,故而分享给大家~原创 2023-07-19 17:32:36 · 4644 阅读 · 0 评论 -
echarts折线图背景颜色自定义,实心圆点,虚线网格等功能
需求:根据传入的值对背景进行分层颜色展示,比如y轴20-40区间颜色为蓝色,40-50为红色这种,折线图的小圆点设置为实现,实现缩放功能。原创 2023-07-14 16:41:40 · 4475 阅读 · 0 评论 -
vue有意思的图片动画插件direction-reveal
功能:操作简单好上头,动画特效很丝滑,有很多种供选择。原创 2023-07-04 14:16:22 · 473 阅读 · 0 评论