- 博客(38)
- 收藏
- 关注
RSS订阅原创 echarts柱状图实现动态展示时报错
摘要：在使用Echarts柱状图时，数据量过多导致x轴无法完整展示时，使用dataZoom动态展示会出现鼠标滚轮或拖动滚动条时报错。经排查发现，原因在于变量创建方式不当。解决方法是避免使用响应式变量（ref/reactive），改用shallowRef创建变量，或使用let/var声明非响应式变量。这两种方式均可有效消除报错问题，实现正常的动态展示功能。（98字）
2025-06-06 16:44:45
236
原创 vue3+ts 前端word文档下载文件时不预览直接下载方法(支持 doc / excel / ppt / pdf 等)
vue3+ts 前端word文档下载文件时不预览直接下载方法(支持 doc / excel / ppt / pdf 等)
2024-08-14 15:42:36
496
原创 vue 的render函数中渲染element组件库的标签报错（已解决）
vue 的render函数中无法渲染element组件库的标签的解决办法
2024-06-05 16:20:01
898
原创 vscode 中显示 pnpm : 无法加载文件 C:\Users\AppData\Roaming\npm\pnpm.ps1，因为在此系统上禁止运行脚本
在vscode中执行pnpm 报错“系统禁止运行脚本”的解决办法
2024-04-12 14:08:08
2594
原创 关于yarn安装时报“node“ is incompatible with this module的解决办法
yarn 安装时报错The engine "node" is incompatible with this module. Expected version "^14.18.0 || ^16.14.0 || >=18.0.0". Got "17.9.0"的解决办法
2023-08-28 11:26:48
1323
原创 vue element ui el-tree 通过子节点反向递归查找父节点
element ui , el-tree 反向递归 查找树的父级节点
2023-07-27 15:20:18
2695
原创 vue element-ui web端 引入高德地图，并获取经纬度
vue element ui 后台管理系统在web端引入高德地图，并获取经纬度
2023-04-20 20:41:41
4713
3
原创 pc端VUE实现一键复制内容功能
pc端vue如何实现一键复制粘贴内容功能，当我点击复制按钮时，会提示“复制成功”，这样复制的内容就可以在其他地方使用。
2023-01-05 10:52:21
610
原创 升级elementui为2.15.7，启动项目错误
在升级elementui为2.15.7版本后，报以下错误，这是因为没有安装sass模块，运行npmisass@1.33.0安装即可。安装好之后就会看到package.json里面已经有了sass。现在支行npm run dev即可正常使用
2022-07-26 15:25:06
931
原创 一定要收藏的5个后台管理系统的前端框架
当你开发新项目的时候，如何快速的完成一个项目的搭建，这个时候就需要借助到一些模板了，现在网上各类UI模板都是相当的齐全的，本文就介绍几个靓仔觉得非常不错的前端框架，感兴趣的可以了解一下。1、vue-element-admin开源地址：https://github.com/PanJiaChen/vue-element-admin文档地址：https://panjiachen.github.io/vue-element-admin-site/zh/效果预览：https://panjiachen.gith
2021-10-12 09:13:57
1920
原创 2021-07-08 element 时间组件只能选今天之后或者今天之前包括今天时间等
element 时间组件只能选今天之后或者今天之前包括今天时间等这个8.64e7 和8.46e6 有点绕，看如下备注，是想要今天之前还是今天之后，是否包含今天，具体方法如下：
2021-07-08 11:18:16
223
原创 VUE 报错：Duplicate keys detected: ‘0‘. This may cause an update error.
VUE 报错：Duplicate keys detected: ‘0’. This may cause an update error.在vue 项目运行时，发现报如下错，仔细检查代码发现在页面中多次使用了循环，key定义为一样了，具体错误原因如下：修改期key值即可，如下：记录下方便以后查阅。...
2020-09-03 15:23:52
529
原创 h5项目中预览后端返回的pdf文件流
移动端预览后端返回的pdf文件流最近在用vue开发H5项目时，需要预览pdf文件，后端返回的是文件流，查了很多资料，前端解析流文件生成url等都不行，最后使用了pdf js 插件，并在地址中直接包后端接口地址和需要的参数即可，具体如下：首先下载pdf.js 下载地址：http://mozilla.github.io/pdf.js/getting_started/#download将下载的文件解压，放到static下面调用方法中这样写即可：一定要使用encodeURIComponent 进行编码，
2020-06-09 11:00:21
5298
1
原创 Vue动态生成el-checkbox点击无法选中的解决方法
最近遇到一个问题，在动态生成的多选框当我设置了默认值，进来之后无法修改，不能取消也不能选中其他的选项，数据绑定是用的v-model后来发现，再现这个问题的原因是当我点击编辑时，是这样赋值的：而这个row里面没有字段channelPurposes，所以导致dialogForm里面字段缺失，即使是我单独加上这个也不行，于是，将如上赋值改成下面这种方式就可以了改成这样问题解决了，可以自如...
2019-07-05 14:01:47
15497
1
原创 vue 遍历对象并动态绑定在下拉列表中
从后台获取到的数据是一个对象，如：var ssData = { 1: ‘苹果’, 2: ‘香蕉’ ， 3 : ‘橙子’ }前端要动态绑定到一个下拉选择框中，遍历数组方便，那遍历对象呢，如何才能正确显示他的key, value呢，代码如下：<el-select clearable v-model=“addform.ddd” placeholder=“请选择” @change=“c...
2019-06-05 08:49:59
5797
1
原创 element ui 弹窗在IE11中关闭时闪现问题修复
最近在项目中使用el-dialog ，在其他浏览器中都可以正常关闭，但在ie11中，点击关闭时它会闪现一下弹窗内容再关闭，最后的解决办法是：在全局样式中加一句这个，这样在ie中关闭弹窗时就没有动画了，问题解决.el-dialog__wrapper{&.dialog-fade-leave-active{-ms-animation:none;}}记录一下……...
2019-06-05 08:39:58
2522
原创 XMLHttpRequest: 网络错误 0x80070005, 拒绝访问 解决办法
我使用的是vue + element ui 开发后台管理系统，之前在ie中都可以正常执行操作，今天在编辑一个页面后报错，新建功能是可以正常提交数据的，但当我新建好了数据再点编辑进去修改内容后提交时就会报错，这个错仅在ie中出现，我使用的是ie11，错误如下：在网上找了很多办法都不行，最后看到一个可以修改浏览器安全设置的，问题解决了，步骤如下：参考原文地址： https://blo...
2019-05-17 10:07:19
19040
8
原创 清除 firefox浏览器中输入框显示红边框的解决办法
最近项目中发现写的页面对兼容firefox有些奇怪的样式，比如下面这个输入框当输入数字内容后他会有一个红色的框Firefox中，原来是如果一个表单控件具有required属性，那么当这个控件失效时会自动被Firefox加上一圈粉红色的边框，极其难看，无法实现各个浏览器统一，尤其是当你将这个控件设置了不显示某些边框线的时候，要去除Firefox给有required属性的表单控件添加的边框，只需要添加...
2019-04-30 16:30:47
1829
1
原创 vue前端导出功能在ie11中的兼容问题解决
在用vue做前端开发时，需要对列表加一个导出功能，如下写法，没有else里面的，在ie之外的浏览器都可以正常导出，可是在ie里却没有反应，后来加上else 里面这句即可以了。代码是这样的：expor(this.exportDatas).then(res => {const blob = new Blob([res.data])const fileName = ‘某表.xls’if...
2019-04-10 10:01:39
4924
3
原创 关于前端页面展示图片展示时改变方向的解决办法
最近在做项目时发现在手机端上传的照片，后端传给web前端展示时改变了方向，本来的图片是这样的：页面中展示的图片是这样的：后来发现在图片地址中加上这句即可：?x-oss-process=image/auto-orient,1我这里需要展示的图片比较多，所以前端加会非常麻烦，直接让后端的加即可。记录一下，免得忘记了。...
2019-04-10 09:51:28
2225
原创 解决vue页面的定时刷新问题
背景描述：我使用的是vue+element 开发系统，在页面上有一个系统消息，这个消息的数量随时可能发生变化的，比如我已经看了某一条，那这个未读消息数量就应该减少。于是，这个时候我们就要使用setInterval()了。那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢？这就需要我们了解vue的生命周期。贴下我的代码供参考：另外，我在查阅资料时看到有这样情况的，我也展示出来...
2019-03-21 11:50:09
4650
1
原创 解决 vue-element-admin在IE中打开空白的问题
vue在兼容IE的时候打开一直显示空白并报错，在IE11中也是打开空白报错，网上看了许多方法都试了也不行，后来发现原来是最后一步的配置错了，咦，桑心的，现在记录一下全过程，供参考：解决办法如下 ：1.首先安装babel-polyfill依赖 npm install --save-dev babel-polyfill2.进入项目入口文件 main.js 导入 import “b...
2019-03-19 15:05:54
6789
9
原创 解决vue路由跳转到同一页面的刷新问题
问题描述：当我使用路由跳转页面时，如果页面跳转是同一个路由，传递的参数不同时，页面不刷新，如下图：待收定金和待收首款其实跳转的是同一个组件 ，只是他们传递的参数不同而已。当我使用路由进行跳转时，我发现第一次是可以正确跳转的，比如我当前在其他页面，当我点击一个“待收定金”他可以正常的跳转到指定组件去，此时当我再点击“待收首款”时，页面不刷新，还是之前的数据，查了很多资料也没找到合适的解决办法。...
2019-03-18 15:02:48
19972
7
原创 在vue项目中 form表单 校验保留小数点后两位
在项目中要求输入金额时只保留小数点后两位，如下图：在vue项目中使用的是form表单，需要添加自定义校验规则，用正则如下：var isPriceVlidator= (rule, value, callback) => {var pattern = /^\d+.?\d{0,2}$/;if(value > 214748){return callback(new Error(...
2019-03-08 15:48:42
9183
1
原创 JavaScript手机号码格式(正则表达式验证)支持最新电信199移动198联通166
最近公司项目需要对手机号进行校验，于是使用了“ /^1[34578]\d{9}$/ ”这个正则进行校验，后来测试提出当输入199开头的手机号时校验不通过，于是发现原来各大运营商新增加了一些新的手机号段。以下为截止2018年1月各大运营商已知手机号码号段：更新时间2018年1月11日移动号段：134 135 136 137 138 139 147 148 150 151 152 157 ...
2019-02-26 14:55:16
2842
1
原创 关于resetFields重置表单至初始状态的问题
之前在项目遇到一个问题：当我点击第一行数据的“修改”后会弹窗，当我在弹窗中点“确定”按钮后，页面总是会闪现第一次点的那行数据，后来发现我是用了form表单中的resetFields这个方法，当初用这个方法是想移除校验，但没注意到他会将其置为初始值。后来取消使用这个方法，然后改成下面这个专门移除校验的方法就可以解决问题了，如下 ：好了问题完美解决了，现在页面不再会闪现上一次出现...
2019-01-31 16:41:38
4754
3
原创 webstorm 激活码
找了好多激活的都不好用，后来发现了这个，记录下，方便以后使用打开网址（IntelliJ IDEA 注册码），下载补丁然后将补丁复制到安装目录的bin目录下（下面框起来的是补丁路径，不一定是你们的，要改）修改同目录下的 WebStorm.exe.vmoptions 和WebStorm64.exe.vmoptions，这两个文件一个是32位的，一个是64位的，建议同步修改。修改后是这样的：...
2019-01-09 11:05:13
9464
1
原创 vue里嵌套对象渲染报错的解决方法
在页面渲染时，我的数据是嵌套的对象，如下图：页面运行时可以正常显示，可是可以看到控制台还是会报错，如下图：最后发现只需在页面显示时加一个判断就不会再报错了，如下图：...
2019-01-04 11:42:41
7115
4
原创 vuejs - 如何对某个对象的属性进行watch监听？
监听对象中属性的两种方法：方法一： 用计算属性：方法二：直接在watch里面监听对象属性：以上两种方法就可以轻松实现对监听对象的属性变化情况，根据属性的变化情况，然后就可以展开自己的想象，做想要的功能啦…………...
2018-12-04 15:21:49
2390
原创 axios 怎么传数组给后端
前端如何给传数组参数给后端：直接用数组方法传会报如下错误后来用qs序列化后可以传过去，但qs需要先引用，我与后端约定用这种格式传递虽然成功了，但其实并不是我想要的方式，对于前端怎样给后端传递一个包含对象的数组还在研究中。谁有好的办法，求分享！！...
2018-12-04 14:45:13
5055
1
原创 vue 引用组件报错——找不到组件的解决方案
vue在开发页面时引用组件报错在使用vue开发页面时报如下错，到处找问题，components的注入也是写正确的后来才发现是这里引入写错了，引入组件不能写{}改成下面这种就可以了记录下工作中的坑~...
2018-11-30 21:12:15
19498
2
原创 element ui 日期选择控件少一天的问题解决方法
日期控件选择后提交到后端少一天？前几天一个同事问我，为何我使用element ui 的日期控件出现了一个奇葩的问题，当我选择一个日期后，页面显示是我选择的日期，但我提交到后端之后就自动的减少了一天？说真在这之前我还真没遇到过类似的情况，于是乎上网一查，还真有。看了网上好多人说不要使用v-model,改用change方法即可，这种方法在我们这儿使用不行。因为我们使用的是form表单，尝试了网上说...
2018-11-25 10:52:26
9789
12
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人