- 博客(138)
- 收藏
- 关注
RSS订阅
原创 element+vue小技巧和报错解决(持续更新~建议收藏)
2.在，添加prop，prop的值是formInline:{time:“”}的time属性。清空1.给,添加ref绑定dom。不再使用slot-scope="scope"来获取当前行数据。后端需要什么格式你就在。4.一键清空表单数据。
2023-04-24 16:12:30
3196
1
原创 前端小技巧，记录贴
1---transition只会把过渡效果应用到其包裹的内容上，而不会额外渲染 DOM 元素。Object.keys()可以获取到对象的属性名，可以用作筛选表头数据,引用大神的举例。1-对象就是获取属性名，数组就是按照索引排，字符串就是拆分成数组的形式。2---mode的“out-in”和“in-out”代表的意思。New FileReader()：读取上传文件的内容，实例。out-in：在前一个组件离开之后下一个组件开始进入。in-out：下一个组件进入，前一个组件才离开。
2023-03-07 15:36:32
380
原创 vue2解决动态路由反复登录警告[vue-router] Duplicate named routes definition
需求：退出登录之后再登录，控制台路由命名重复警告问题，也就是name重名了，动态路由一般来说是通过后端接口返回拿到数据,然后在路由守卫router.beforeEach中通过addRoute方法进行添加，addRoute方法仅仅是帮你注入新的路由,并没有帮你剔除其他路由，所以会警告。
2025-02-12 17:09:19
470
原创 vue2使用echarts实现折线图图例，悬浮框，折线点改为不同点相同样式
vue2使用echarts实现折线图图例，悬浮框，折线点改为不同点相同样式
2025-01-14 16:07:05
493
原创 vue2制作长方形容器，正方形网格散点图，并且等比缩放拖动
需求：有个长方形的容器，但是需要正方形的网格线，网格线是等比缩放的并且可以无线拖动的，并且添加自适应缩放和动态切换，工具是plotly.js,已完成功能如下1.正方形网格2.散点分组3.自定义悬浮框的数据4.根据窗口大小自适应缩放5.解决数据过大或者过小网格线较少问题6.解决项目引入plotly.js失败问题。
2025-01-14 15:26:06
1244
原创 uniapp uni-table实现多选，点击单行弹出选择器，默认禁用某行
需求：需要在移动端添加表格，并且实现多选、全选、根据状态默认禁用某一行数据，点击单行弹出选择器让用户选择，固定表头。有的需求uni-table没有，所以需要更改源代码实现。
2024-12-13 16:00:15
1644
原创 html select下拉多选 修改yselect.js插件实现下拉多选，搜索，限制选中，默认回显等操作
需求：要在select标签实现下拉多选，搜索，限制选中，默认回显等操作，之前同事用的yselect.js，网上用的简直是寥寥无几，找了半天没找到限制选中的方法，看了源代码才发现根本没有，所以自己加上了，最终实现需求。
2024-11-26 11:16:26
1304
原创 vue2动态导出多级表头表格并添加sheet多个工作表
需求：导出多级表格，如下，每个人名对应的是不同的城市金钱和年龄，日期占俩行，需要根据数据进行动态展示。
2024-11-19 17:33:40
689
原创 echarts多折线按组分类控制显示隐藏
需求：目前有俩个组数组分别为sss和aaa，sss和aaa有4个属性，分别为温度、湿度、气压和ppm，根据不同的属性每组画出4条折现，结果应该为8条折现，每条折现颜色不一致，名称也不一致，时间也不一致，通过额外设置的按钮去控制每组的显示和隐藏。
2024-10-11 16:11:18
938
原创 qrcode实现wx二维码并添加logo，手动添加遮罩层和定时器
需求：后端给了个wx的支付链接，需要前端转为二维码的形式，让用户扫码，用户要是过了定时器时间不扫码就会出现遮罩层，需要点击遮罩层后重新获取二维码即可。
2024-09-18 15:14:33
757
原创 el-form动态标题和输入值，并且最后一个输入框不校验
需求：给了固定的label，叫xx单位，要输入单位的信息，但是属性名称都一样的，UI画图也是表单的形式，所以改为动态添加的形式，实现方式也很简单，循环就完事了，连着表单校验也动态。
2024-09-18 14:26:11
473
原创 el-table中el-select俩列共用同一数据并且选择不能相同
需求：el-table中有el-select，el-select的下拉数据源是相同的，但是要同一行的俩列数据选择不相同，如果相同需要提示并且清空数据。
2024-08-20 17:29:16
565
1
原创 vue2使用天地图
需求：用vue2使用天地图展示对应点位数据以及开发中出现的问题等，其实天地图的写法和百度地图差不多注意！！！天地图的接口不稳定，时常报错418，官网也是一样的情况，推荐还是使用百度或者高德吧。以下是拷贝的网上的地图坐标系，仅作参考（1）天地图：CGCS2000，2000国家大地坐标系；我们其实很多时候直接用WGS84的坐标来代替CGCS2000坐标。因为CGCS2000的定义与WGS84实质一样。采用的参考椭球非常接近。扁率差异引起椭球面上的纬度和高度变化最大达0.1mm。
2024-08-20 10:49:35
4050
2
原创 el-upload照片墙自定义上传多张图片（手动一次性上传多张图片）包含图片回显，删除
需求：el-upload照片墙自定义上传多张图片（手动一次性上传多张图片）包含图片回显，删除，预览，在网上看了很多，都没有说怎么把数据转为file格式的，找了很久最终实现，难点：怎么把接口获取到的图片转为file格式，如果不是file格式的话，那么后端无法识别，并且还要携带额外的参数
2024-07-23 15:11:30
1625
原创 vue2解决打包内存溢出问题（简单有效）CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
vue2解决打包内存溢出问题（简单有效）CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
2024-07-18 15:24:14
568
原创 vue2使用百度地图标记点弹出框添加背景图并且根据数据动态切换
需求：vue2项目使用了百度地图，之后因为原始点标记的弹窗口样式太丑了，之后UI设计了框的样式图片后，替换原有的样式，本文章主要是更改样式和动态切换框的样式。
2024-07-16 09:36:53
1092
原创 vue2实现百度地图离线（通过下载地图瓦片实现）
需求：因为需要部署到内网，只能使用离线地图，找了很多方法最终实现，文章包含如下1.使用工具下载所需地区瓦片2.使用echarts实现地图3.断网测试4.图片太多打包太大解决方法完整代码以及需要的工具都放在最后了~
2024-06-04 14:56:11
2998
7
原创 el-select可选择可搜索可输入新内容
需求：el-form-item添加el-select，并且el-select可选择可搜索可输入新内容，并且和其他的el-input做联动，如果是选择，那么el-input自动回填数据并且不可编辑，如果el-select输入新的内容，那么el-input也要输入新内容。实现功能。
2024-05-21 16:24:56
4577
4
原创 el-table分页多选导出excel表格
需求：使用el-table分页查询表格的时候记录上一页已选中的数据，之后点击导出按钮后对表格已选中数据导出excel表格，导出成功后清空选中的状态，本文章只记录分页导出的关键代码，其中包含之前的导出全部表格，导出全部表格的数据请查看：
2024-04-30 11:15:23
1096
原创 js删除对象中值为null的属性
需求：在做编辑操作的时候，后端不需要值为null的数据，所以默认把编辑中值为null的数据传给他会编辑失败，所以前端做个筛选就行了。
2024-04-19 14:24:20
936
原创 el-upload自定义上传dwg/dxf文件并且携带额外参数（CAD）
需求：需要使用el-upload自定义上传cad的图片或普通图片，这边需要判断区分下，以及上传后清空上传文件列表。
2024-04-19 11:29:04
1123
原创 el-form嵌套el-table以表格的形式批量添加多个用户
需求：需要批量添加用户，使用弹窗的方式太麻烦了，所以做成表格的形式，并且表单可以添加删除，并且有表单校验。效果如下。
2024-04-01 14:33:36
901
原创 echarts折线图月份数据不足自动补0和日期达到数据连续的效果
需求：查询一个月的数据，但是有些数据为0，后端没传，所以要前端进行操作，把没传的数据进行补0填充达到月数据完整效果。
2024-03-13 16:07:24
1240
原创 vue手写卡片切换，并且点击获取到卡片信息
需求：做一个卡片样式的列表，之后有一些基本信息，之后卡片选中后样式不一样，默认选中第一个卡片，点击卡片后可以获取到卡片的信息。
2024-02-23 16:34:50
886
1
原创 el-table增加/编辑打开el-dialog内嵌套el-form，解决编辑重置表单不成功等问题
需求：在做表格的增删改查，其中新增和编辑弹窗都是同一个弹窗，之后有个重置按钮，需要用户输入的时候可以重置清空等。本文章解决如下问题1.就是在编辑数据回填后点击重置表单没有清空也没有报错2.解决清空表单和表格数据相互影响问题3.解决新增和编辑数据相互影响问题，保留了只添加数据暂存功能。
2024-02-22 11:21:00
1431
原创 解决el-steps切换时el-form的动态表单报错Error: please transfer a valid prop path to form item
问题：在el-steps进行上一部下一步的切换的时候，不同步骤的表单内容不同，但是我发现在切换时动态表单校验的prop就会报错，网上看了很多方法依然还在报错，解决办法如下。原因是我之前切换判断用的是v-if,只需要把v-if换成v-show即可解决该问题。文章到此结束，希望对你有所帮助~
2024-01-26 15:13:59
671
原创 vue3+vite+ts实现qiankun微前端子应用
本文章只是使用vue3实现在vue2主应用程序下的子应用哈，主应用创建可以看我这篇。
2024-01-16 17:09:02
2475
4
原创 vue2使用qiankun微前端（跟着步骤走可实现）
比如现在的vue项目，是一个整体之后包含了多个模块（路由），之后多人开发的时候合并代码可能会造成代码冲突，打包也是全部代码一起打包。微前端解决了这个问题，由一个主应用程序（也就是基座）之后连接多个单独的子应用程序，每个子应用程序都是单独的，你用vue写商品管理，他用react写物流管理等都可以，不同的模块可以由不同的技术栈写。打包也是单独打包。比较方便。
2024-01-16 16:47:08
5909
6
原创 uniapp自定义顶部导航并解决打包成apk后getMenuButtonBoundingClientRect方法失效问题
需求：要在app上的顶部导航提示哪里添加一些东西进去，用uniapp自带的肯定不行啊，所以自定义了所有的页面的顶部导航，之后自定义后用手机调试发现 uni.getMenuButtonBoundingClientRect()这个方法的top获取不到....网上找了很多种方法才实现，记录一下。
2024-01-05 14:57:26
1693
原创 解决uniapp打包成apk后uni.getStorageSync获取不到值
uniapp写的项目，在hbuilderx中云打包成apk后我在登录存储的token死都获取不到，导致后续接口请求头没有token连接不到接口，试过了很多种方法，uni.getStorageSync、uni.setStorage和uni.getStorage进行存储、vuex还有全局变量...没一个成功的。但是在同一个页面进行存储和取值是可以实现。所以猜想是写法的问题。
2024-01-05 14:26:05
2764
6
原创 html-css-js使用axios和ajax获取接口并携带请求头+获取输入框或选择器内容
需求：使用axios或者Ajax获取接口，有些需要获取到输入框，或者选择器内容之后传给接口，也就是写了几种不同请求的方法，网上有很多方法，本文章算是个归纳吧。
2023-12-28 17:34:29
1478
原创 html-css-js移动端导航栏底部固定+i18n国际化全局
需求：要做一个移动端的仿照小程序的导航栏页面操作，但是这边加上了i18n国家化，由于页面切换的时候会导致国际化失效，所以写了这篇文章。
2023-12-28 14:06:40
1440
原创 vue2使用wangeditor实现手写输入
在components中添加myscriptMath.js。svg也就是个显示的图标，可以替换为其他。文章到此结束，希望对你所有帮助~
2023-12-11 15:08:13
667
3
原创 vue2使用wangeditor实现数学公式+富文本编辑器
做一个带有数学公式的富文本编辑器，在网上看了很多，这个最合适，借鉴了wangEditor富文本编辑器这里面写的是v3的整合富文本编辑器，我照着上面改成了v2的，本文章主要是实现步骤和错误解决，源码我放在最后了，建议和讲解一起看~
2023-12-11 14:56:36
3666
2
TA创建的收藏夹 TA关注的收藏夹
TA关注的人