- 博客(123)
- 收藏
- 关注
RSS订阅
原创 element+vue小技巧和报错解决(持续更新~建议收藏)
2.在，添加prop，prop的值是formInline:{time:“”}的time属性。清空1.给,添加ref绑定dom。不再使用slot-scope="scope"来获取当前行数据。后端需要什么格式你就在。4.一键清空表单数据。
2023-04-24 16:12:30
2690
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
239
原创 el-upload照片墙自定义上传多张图片（手动一次性上传多张图片）包含图片回显，删除
需求：el-upload照片墙自定义上传多张图片（手动一次性上传多张图片）包含图片回显，删除，预览，在网上看了很多，都没有说怎么把数据转为file格式的，找了很久最终实现，难点：怎么把接口获取到的图片转为file格式，如果不是file格式的话，那么后端无法识别，并且还要携带额外的参数
2024-07-23 15:11:30
546
原创 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
179
原创 vue2使用百度地图标记点弹出框添加背景图并且根据数据动态切换
需求：vue2项目使用了百度地图，之后因为原始点标记的弹窗口样式太丑了，之后UI设计了框的样式图片后，替换原有的样式，本文章主要是更改样式和动态切换框的样式。
2024-07-16 09:36:53
573
原创 vue2实现百度地图离线（通过下载地图瓦片实现）
需求：因为需要部署到内网，只能使用离线地图，找了很多方法最终实现，文章包含如下1.使用工具下载所需地区瓦片2.使用echarts实现地图3.断网测试4.图片太多打包太大解决方法完整代码以及需要的工具都放在最后了~
2024-06-04 14:56:11
1084
原创 el-select可选择可搜索可输入新内容
需求：el-form-item添加el-select，并且el-select可选择可搜索可输入新内容，并且和其他的el-input做联动，如果是选择，那么el-input自动回填数据并且不可编辑，如果el-select输入新的内容，那么el-input也要输入新内容。实现功能。
2024-05-21 16:24:56
1468
原创 el-table分页多选导出excel表格
需求：使用el-table分页查询表格的时候记录上一页已选中的数据，之后点击导出按钮后对表格已选中数据导出excel表格，导出成功后清空选中的状态，本文章只记录分页导出的关键代码，其中包含之前的导出全部表格，导出全部表格的数据请查看：
2024-04-30 11:15:23
520
原创 js删除对象中值为null的属性
需求：在做编辑操作的时候，后端不需要值为null的数据，所以默认把编辑中值为null的数据传给他会编辑失败，所以前端做个筛选就行了。
2024-04-19 14:24:20
714
原创 el-upload自定义上传dwg/dxf文件并且携带额外参数（CAD）
需求：需要使用el-upload自定义上传cad的图片或普通图片，这边需要判断区分下，以及上传后清空上传文件列表。
2024-04-19 11:29:04
830
原创 el-form嵌套el-table以表格的形式批量添加多个用户
需求：需要批量添加用户，使用弹窗的方式太麻烦了，所以做成表格的形式，并且表单可以添加删除，并且有表单校验。效果如下。
2024-04-01 14:33:36
696
原创 echarts折线图月份数据不足自动补0和日期达到数据连续的效果
需求：查询一个月的数据，但是有些数据为0，后端没传，所以要前端进行操作，把没传的数据进行补0填充达到月数据完整效果。
2024-03-13 16:07:24
819
原创 vue手写卡片切换，并且点击获取到卡片信息
需求：做一个卡片样式的列表，之后有一些基本信息，之后卡片选中后样式不一样，默认选中第一个卡片，点击卡片后可以获取到卡片的信息。
2024-02-23 16:34:50
744
原创 el-table增加/编辑打开el-dialog内嵌套el-form，解决编辑重置表单不成功等问题
需求：在做表格的增删改查，其中新增和编辑弹窗都是同一个弹窗，之后有个重置按钮，需要用户输入的时候可以重置清空等。本文章解决如下问题1.就是在编辑数据回填后点击重置表单没有清空也没有报错2.解决清空表单和表格数据相互影响问题3.解决新增和编辑数据相互影响问题，保留了只添加数据暂存功能。
2024-02-22 11:21:00
1068
原创 解决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
555
原创 vue3+vite+ts实现qiankun微前端子应用
本文章只是使用vue3实现在vue2主应用程序下的子应用哈，主应用创建可以看我这篇。
2024-01-16 17:09:02
1615
4
原创 vue2使用qiankun微前端（跟着步骤走可实现）
比如现在的vue项目，是一个整体之后包含了多个模块（路由），之后多人开发的时候合并代码可能会造成代码冲突，打包也是全部代码一起打包。微前端解决了这个问题，由一个主应用程序（也就是基座）之后连接多个单独的子应用程序，每个子应用程序都是单独的，你用vue写商品管理，他用react写物流管理等都可以，不同的模块可以由不同的技术栈写。打包也是单独打包。比较方便。
2024-01-16 16:47:08
3045
原创 uniapp自定义顶部导航并解决打包成apk后getMenuButtonBoundingClientRect方法失效问题
需求：要在app上的顶部导航提示哪里添加一些东西进去，用uniapp自带的肯定不行啊，所以自定义了所有的页面的顶部导航，之后自定义后用手机调试发现 uni.getMenuButtonBoundingClientRect()这个方法的top获取不到....网上找了很多种方法才实现，记录一下。
2024-01-05 14:57:26
1166
原创 解决uniapp打包成apk后uni.getStorageSync获取不到值
uniapp写的项目，在hbuilderx中云打包成apk后我在登录存储的token死都获取不到，导致后续接口请求头没有token连接不到接口，试过了很多种方法，uni.getStorageSync、uni.setStorage和uni.getStorage进行存储、vuex还有全局变量...没一个成功的。但是在同一个页面进行存储和取值是可以实现。所以猜想是写法的问题。
2024-01-05 14:26:05
1637
6
原创 html-css-js使用axios和ajax获取接口并携带请求头+获取输入框或选择器内容
需求：使用axios或者Ajax获取接口，有些需要获取到输入框，或者选择器内容之后传给接口，也就是写了几种不同请求的方法，网上有很多方法，本文章算是个归纳吧。
2023-12-28 17:34:29
1305
原创 html-css-js移动端导航栏底部固定+i18n国际化全局
需求：要做一个移动端的仿照小程序的导航栏页面操作，但是这边加上了i18n国家化，由于页面切换的时候会导致国际化失效，所以写了这篇文章。
2023-12-28 14:06:40
1213
原创 vue2使用wangeditor实现手写输入
在components中添加myscriptMath.js。svg也就是个显示的图标，可以替换为其他。文章到此结束，希望对你所有帮助~
2023-12-11 15:08:13
509
原创 vue2使用wangeditor实现数学公式+富文本编辑器
做一个带有数学公式的富文本编辑器，在网上看了很多，这个最合适，借鉴了wangEditor富文本编辑器这里面写的是v3的整合富文本编辑器，我照着上面改成了v2的，本文章主要是实现步骤和错误解决，源码我放在最后了，建议和讲解一起看~
2023-12-11 14:56:36
2521
2
原创 vue2使用el-tag自定义菜单导航标签
需求：使用el-tag写个菜单导航栏，点击路由的时候就添加。功能：设置鼠标横向滚动并且不展示滚动条添加关闭其他、关闭左侧、关闭右侧、全部关标签功能单个标签删除功能添加，固定标签不可删除右键点击展开操作菜单栏设置个默认固定的标签，比如首页点击标签后el-menu对应路由激活
2023-11-21 16:32:38
1124
原创 vue使用websocket实现实时数据推送，发布订阅重连单点登录功能
需求：使用websocket不借助插件实现发布，订阅，网络断开重连，单点登录后挤号的功能。
2023-11-13 15:59:48
2123
1
原创 js编辑只取修改后的对象的属性和值
本文章操作就是在编辑完成后，只取编辑过的值传给后端，为编辑过的值不需要传。第一步：获取当前行数据，为对象：{}，需求：在el-table的列表编辑操作后，第四步：请求后端接口。
2023-11-13 13:45:04
228
原创 el-table解决数据过少小于高度有留白的问题
问题:给el-table设置个高度,高度为500px,之后就添加如下4条数据,那么底部就没数据,直接就空白了,本文章就是为了解决这个问题,如果底部留白那么就添加几条空数据就行了.如果数据已达到高度了那么就不会留白了。
2023-11-13 11:25:16
1201
原创 el-table动态增加列、行数据，俩种方法实现按需选择
表格数据过多的时候，需要实现动态选择数据的功能，有俩种方法可以按需选择，解决了表格动态选择时闪屏数据抖动问题。注意，这个添加数据是tableData原本就有的，我做的这个操作类似就是折叠选择展示原有的数据。根据选择值进行数据筛选，之后再和原有数据进行比对，最后把数据添加到表格数据中实现。使用了el-dropdown嵌套el-checkbox-group实现。:hide-on-click="false"：点击菜单后不隐藏菜单。4.解决了el-dropdown-menu点击后自动关闭问题。
2023-10-31 11:22:54
3454
原创 echarts设置竖向不同区间范围颜色，并且x轴自定义轴线刻度范围
需求：设置竖向范围区间，不同范围区间颜色不同并且提示信息不同，之后修改x轴的固定间距范围，让0-200-400-600改为0-340-476-754这种，在这我是markLine的方式实现的，这边我还用到x轴的翻转所以显示的是镜像的。
2023-10-19 16:30:24
697
原创 vue2打包优化-小白也可快速上手的一套
需求：项目过大可以使用打包优化，减少项目体积，加速页面加载，增强用户体验，跟着步骤来即可实现，主要是vue2的打包优化，不是vue3，文章可能有点长，但是很实用哈哈，耐心看完~
2023-10-19 09:58:53
1772
原创 设置全局滚动条样式
需求：统一滚动条样式，不需要每次都要在页面一个一个的设置，整个项目只要内容超出了显示滚动条了就会是自己设置的那个滚动条样式显示
2023-10-12 10:36:02
342
原创 俩个el-select的联动选择
需求：1.有俩个select下拉框，之后左边选中后右边根据左边的选择自动选择内容2.右边自动选择之后可以取消。3.右侧的下拉框只能选中左侧下拉框的内容，左边没选中的右边也不能被选中4.左侧下拉添加全选功能5.左侧选择右侧没选择就把右侧数据清空
2023-10-11 09:23:19
1669
原创 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
676
原创 vue部分/所有内容全屏切换展示
需求：就是把一个页面的某一部分内容点击全屏操作按钮后全屏展示，并非所有内容全屏，所有内容的话那肯定就所有全屏展示啊，可以做切换。
2023-09-21 09:49:05
2172
2
原创 最简单的el-cascadert省市区三级/二级联动
需求：需要实现省市区的三级联动或者二级联动的功能，找了半天找到这个最简单的插件实现，无需自己找json，直接下载导入就有了。插件地址：element-china-area-data - npm (npmjs.com)里面有使用方法，我就是跟着里面的方法写的，此贴就是记录贴。
2023-09-19 10:26:12
1079
原创 vue2使用vuedraggable实现拖拽删除添加重置功能
需求：要输入xx阶段，之后输入后显示但是要可以自己手动排序和删除，以免写错了，并且做了判断，如果重复输入的话会提示，不会让他添加，点击重置功能后一键清空所有输入。
2023-09-15 13:38:10
1036
原创 vue2实现自定义主题webpack-theme-color-replacer
需求：根据element的自定义主题色，之后改变element的全局所有颜色，解决页面刷新后主题色失效问题，这个需要把颜色存入到浏览器的存储中，如果换个浏览器就得重新选择了哈，如果需要在不同的浏览器保持一致的主题，需要跟后端沟通。
2023-09-13 13:52:38
946
2
原创 vue全局使用sass变量
需求：框架需要使用scss，之后不想把很多重复的css一个一个写，就提取出来咯，到时候只需要更改scss文件就可以了，不用一个一个的找。
2023-09-12 16:03:55
856
TA创建的收藏夹 TA关注的收藏夹
TA关注的人