- 博客(35)
- 收藏
- 关注
RSS订阅原创 git使用之git stash
1.其他分支提交代码到主分支，导致项目报错，想拉取远程代码但是本地的代码暂时不想提交；4.恢复最近一次的stash记录，并删除该记录。2.暂存当前工作区和暂存区的改动。如果只是恢复记录但不删除，则执行。概括：不想提交本地代码时使用。2.切换分支处理其他任务。1.查看stash记录。
2025-02-27 13:29:31
315
原创 echarts记录（柱状、折线、环形饼图，双柱，日期组件封装，loading动画）
2.需要绘制出圆弧渐变的线条，主要通过lineStyle去修改渐变由浅入深以及线条下方的阴影控制。另外附上TimePicker组件封装的代码，其实我封装得不太好，但是懒得优化了。涉及到日期组件封装，echarts柱状图、折线图、饼图（环形）的绘制。3.饼图，主要是右半边的legend自定义字段，以及自定义字体样式。1.柱状+折线图的option配置。4.这个就没什么难度了，直接上代码。完整代码，包含布局样式。四张图在页面上的效果。
2025-02-25 14:36:05
339
原创 element-plus 解决el-dialog背后的页面滚动问题，及其内容有下拉框出现错位问题
这个问题通常是因为 el‑dialog 默认会锁定 body 的滚动（通过给 body 添加隐藏滚动条的样式），从而导致页面在打开对话框时跳转到顶部。解决方法是在使用 el‑dialog 时禁用锁定滚动功能。但是当里面的内容有下拉选择的组件的情况，里面的组件点击出来后会错位，只要在组件上挨个加上 :teleported="false"即可。加上:lock-scroll="false"即可。
2025-02-08 14:33:08
693
原创 el-pagination下拉框错位
1.如果你使用的是 Element Plus（Vue3 版本），可以尝试在 el-pagination（或它内部用于显示页容量下拉框的组件）上添加属性。这个问题通常是由于下拉框的容器渲染位置和页面样式（比如 body 的高度设置）造成的。2.如果你使用的是 Vue2 版 Element UI，则可以使用。
2025-02-08 10:52:44
204
原创 el-descriptions-item使用span占行不生效
如图可见客户状态已经是在当前行最后一个的位置，那么直接给他设置span是不会生效的，所以要从前面一个元素下手，让放款金额这个元素提前占满2个位置，才可以让客户状态向下排。使用span是没有错的，但是用错了位置，出来的效果就是这样。只需要在上一个元素上面加上:span="2"就可以了。需要实现的效果是客户状态单独占满一行。
2025-01-10 13:58:07
713
原创 wujie无界微前端框架初使用
不知道官网为什么要把下载依赖单独放。origin和上面主应用的appUrl要一样，开启允许跨域。打开子应用的vite.config.js文件。2.主系统的main.js中引入wujie。3.配置子应用入口页面路由并且新建这个页面。我全套都是vue3，所以直接下vue3的。4.pre.vue页面代码。1.主系统下载wujie。router.js文件。
2025-01-03 16:07:12
1435
1
原创 在vue3项目中如何使用SVG
(注意这里要根据vite.config.js刚刚配置的文件夹相对应)4.新建存放svg的目录 src/assets/icons。#icon-是固定的，后面的lawyer是.svg文件名。另外还需要下载一个插件，不然控制台报错运行不起来。3.vite.config.js文件配置。1.先下载 处理SVG 图标的插件。2.main.js中引入。
2025-01-02 13:35:37
405
原创 contenteditable实现需要一个像文本域一样的可编辑框
我这里是因为左上和右下有一个固定的模板，所有用textarea有点不方便，查了下还有一个方法可以解决就是在需要编辑的元素上加上。完整代码如下，因为这个弹窗是两用的，所以用messageType做了一下判断。
2024-11-04 13:12:09
434
原创 解决pinia刷新数据消失，实现持久化存储
我这里的路径是store/modules/order.js。3.在需要实现持久化存储的module中添加持久化配置。2.配置store/index.js文件。刷新测试是否数据是否消失。
2024-10-18 09:49:13
408
原创 使用calc实现flex布局一行固定几个，超出换行
参考ui图，一行固定只放2个，超出则换行，具体思路使用calc实现。css代码--scss示例。
2024-10-10 09:43:30
597
原创 webstorm设置自定义头部注释，标明作者/时间/组件说明
2.编辑器--实时模板--找到javascript--点击加号添加新模板。输入刚刚设置的缩写后下面会出现模板，我这里是des，3.缩写和描述，可以按照自己个人习惯来设置。随后按下键盘的⬇选中，再按tab即可生成。4.模板文本参考，换成自己的名字和描述。5.点击编辑变量来设置时间变量。6.在vue页面中使用该模板。下拉框先选择date()括号里面加入日期格式。
2024-08-12 16:29:23
1014
1
原创 解决github clone代码失败报错Error: RPC failed； curl 28 Recv failure: Connection was reset问题
4.配置git的代理 IP和端口号（下面仅举例，把刚刚复制的替换一下）1.电脑上搜索代理服务器设置。3.复制ip地址和端口号。6.最后clone成功。
2024-08-09 09:41:08
2237
1
原创 vscode关闭ts错误提示已声明“xx”，但从未读取其值或 报错 ‘defineProps’ is not defined
找到项目中的package.json文件，找到eslintConfig，添加下面这段代码并保存。其实我的建议是不要关，如果接到的项目报错太多，有强迫症的话可以参考以下操作；上面两种方法修改完设置最好重启vscode。设置搜索搜索Validate关闭ts。
2024-07-05 11:32:12
2184
1
原创 uniapp小程序接入腾讯地图QQMapWX报错
插件下载解压好之后放入文件夹中，在页面引入运行会报错，是官方的一个坑，打开图中的qqmap-wx-jssdk.js文件，拖到最底部，关于获取定位的具体代码可以参考这位！页面中还是按照官网的方法引入即可。
2024-07-02 17:13:07
854
原创 nvm运行install命令报错Could not retrieve https://npm.taobao.org/mirrors/node/latest/SHASUMS256.txt.
更换后重新运行命令即可。
2024-05-20 10:26:04
978
原创 uniapp云打包/热更新wgt包/web或手机H5分别用于什么？
网站-PC web或手机H5：这个是针对没有在app store上架的ios版本打包，ios说白了就是一个网页书签，而我们打包的mobileconfig就是这个书签的指向地址，算是一种曲线救国的方法。原生app-制作应用wgt：打完的包后缀名为.wgt，这个针对的是安卓的热更新包，就是已经安装了这个软件apk的人不需要再次安装，就更新到最新版的一个补丁包；原生app-云打包：打完的包后缀名为.apk,这个包是安卓的包，部署好之后安卓手机即可生效；
2024-05-09 15:31:41
672
1
原创 change事件阻止事件冒泡加上stop后报错TypeError: $event.stopPropagation is not a function
change事件不要加任何修饰符，直接在外面套一层view，操作如下，即可生效。
2024-04-28 15:04:45
554
原创 从github上拉代码报错Failed to connect to github.com port 443: Timed out
上面操作我嫌太麻烦就直接关了，刚关闭再拉可能不会生效,打开电脑中的设置-网络和Internet-代理。查看手动设置代理项是否开启,如果为关闭状态,这时候下拉代码应该会成功,如果是开启状态,关闭即可;我查了网上的资料是端口号不一致导致的,因为本地用了'科学上网工具',关闭即可;
2024-04-02 10:16:08
304
1
原创 uniapp打包h5项目后网页打开空白
5.在刚刚打开的h5文件夹下cmd进入终端。1.在manifest文件下配置路径。3.打开打包后生成的h5文件夹。6.点击下面出现的网址即可。
2024-01-09 16:13:59
2654
原创 vue3使用computed过滤数据报错is not a function
【代码】vue3使用computed过滤数据报错is not a function。
2024-01-06 16:10:44
863
1
原创 调用钉钉官方api报错Do not support the current environment：‘notInDingTalk‘
按照官网文档说明,通过dd.getAuthCode这个接口可以拿去到authCode请求后端,返回用户信息;如果没有选项的话,需要自己在钉钉开放平台进行配置的,不需要企业注册,申请自己的企业照着提示流程走就可以.如果开发的是钉钉小程序,那么在开发者工具中点击预览后应该是出现钉钉二维码,但是我的打开是支付宝的二维码。但是执行了这段代码后控制台就会报notInDingTalk的错,把上面的应用都换成带有钉钉图标的就可以了。
2024-01-06 15:39:42
1385
1
原创 uni-ui中的下拉框没有搜索功能怎么办?
当然是把uni-ui中的组件挨个挨个翻,有时候一个人上网真的特别特别无助,翻遍了各大网站为什么没有人说这个组件(可能是我关键词没用对,关键是我这种小白能想到是这种关键词?真的气死我了),uni-ui我请问你取个组合框名字是弄啥勒?需求中要求必须实现下拉框模糊查询功能,下拉框不支持输入查询怎么办?呵呵,我这种懒b不可能(其实是不会)组件名为:uni-combox。
2024-01-05 22:06:08
420
1
原创 uniapp开发钉钉小程序引入uni组件库失败(适用于其他小程序)
我的报错原因是easycom没有搜到对应的文件,照着下面的流程可以先走一遍。
2024-01-04 22:24:22
735
1
原创 element-plus使用el-tree组件获取所有选中节点id以及实现实时过滤
3.另外还有一个将扁平数据转化为树形数据的工具函数，使用这个组件的时候或许可以用上，这个是搬运别人的，不记得出处了，我参照自己数据结构稍微改了参数，menuId为每个节点的唯一id标识，parentId为父节点的id标识。标签中需要加上ref以及:filter-node-method两个重要属性。2.获取所有选中节点id，上方已经绑定了ref，直接用ref去获取即可。1.获取所有选中节点。
2024-01-04 13:33:43
5365
1
原创 uniapp开发引用uView-plus组件库不生效
以下内容纯属废话,好久没有搭建项目了...记录一下自己的粗心大意;如果你也半天找不到问题出在哪里,或许可以参考一下...5.最后最重要的一部,官网是说明了的,我直接给忽略了。3. 全局scss文件中插入这段代码。4.App.vue文件加上样式。1.照着官网上的指南挨个配置。2.main.js文件配置。
2024-01-03 22:20:17
6496
10
原创 element-plus多选框表单验证有值却不通过
可以看到我的两个单词没有对应上，跟双向绑定相关用的是sysRoles，跟规则相关用的是role，因为之前觉得rules和prop对应上就可以了，没想到就是这个影响了表单验证，所以我把跟账号角色有关的都改成了role，表单提示就没有出错了。这种情况出现提示肯定是不合理的，这时候需要查看表单的各种配置是哪里出了问题。2.这里我只把和账号角色相关的验证单独例出来，避免混淆。暂时只想到了这么多，表单验证我经常会粗心大意，template表单。
2024-01-02 11:39:59
1213
1
原创 vue使用defineAsyncComponent控制台警告Runtime directive used on component with non-element root node.
移动组件放入div标签中，控制台报错即可清空。组件放在了template中。
2023-12-05 14:21:52
807
1
原创 uniapp开发微信小程序保存OSS图片失败downloadFile：fail url not in domain list
微信小程序downloadFile合法域名
2023-11-16 17:07:51
2196
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人