- 博客(89)
- 收藏
- 关注
RSS订阅原创 element ui el-form表单验证字段必须是数字但是非必填
表单验证时，如果使用type: ‘number’， 则为空时也会验证不通过，所以需要自定义验证规则。
2025-11-14 10:38:57
137
原创 文本超出长度才显示tooltip
/ 内容超出，显示文字提示内容。// 获取元素父级可视宽度。// 鼠标悬停后显示的内容。最大宽度可从css调整。// 获取元素可视宽度。
2025-08-14 17:45:00
383
原创 element-ui 时间线（timeLine）内容分成左右两侧
效果如下图所受，但是element ui提供的时间轴组件只有内容在右侧的，不满足需求，因此需要手动写内部时间轴。
2025-08-13 17:58:01
482
原创 Promise :then 与 catch 同时触发
在JavaScript中，Promise的状态一旦改变就不会再变。一个Promise只能从pending状态变为fulfilled（触发then）或rejected（触发catch）状态之一，不能同时触发两者。然而，在同一个请求中，看到了then和catch都被触发的情况。但实际上，这通常是由于以下原因。2、确保每个 Promise 都返回结果或抛出错误。1、避免在 then 中处理错误状态。3、使用 catch 集中处理错误。
2025-07-11 16:54:07
258
原创 vue3+ts+vite+pinia+element plus项目使用语言国际化
en.json和zh-CN.json文件内容要一致，以便在切换语言时生效，需要传入的内容可用{}路径：src/components/LangSwitcher/index.vue。路径： src/i18n/loader.ts。
2025-03-31 15:25:29
566
原创 在Vue 3 + TypeScript + Vite 项目中安装和使用 SCSS
在Vue 3 + TypeScript + Vite 项目中安装和使用 SCSS。
2025-03-28 17:18:21
1244
原创 vscode设置console.log的快捷输出方式
编辑器中输入clg回车，可以直接输出console.log，并且同步输出变量的字符串和值。4、在顶部输入框种输入javas，选择JavaScript选项。vscode设置console.log的快捷输出方式。1、打开vscode点击左上角的文件。5、打开里面注释的代码，写入如下内容。3、点击用户代码配置。
2025-03-21 16:58:53
1246
原创 vue2安装scss
2、新建src/styles/variables.scss文件，并在里面写一些常用的公共样式，在vue.config.js中添加css部分。
2025-03-13 16:27:03
870
原创 我的创作纪念日
知识深化：通过撰写博客，我不断巩固和深化了自己的前端知识体系，从基础的HTML/CSS/JavaScript到复杂的框架如React、Vue，再到前端工程化、性能优化等，每一篇文章都是对自己知识的一次梳理和提升。**创作规划：**在创作方面，我希望能够更多地关注前端开发中的实战案例和最佳实践，分享更多有深度、有广度的技术文章，同时也计划尝试撰写一些技术书籍，为前端开发社区贡献更多的资源。人脉拓展：通过优快云平台，我结识了许多行业内的前辈和同行，他们的经验和建议对我的职业发展起到了积极的推动作用。
2025-02-28 10:18:34
410
原创 设置了pointer-events: none；后，鼠标悬停不会触发el-tooltip的显示逻辑
el-tooltip是一个提供文字提示的组件，通常依赖于鼠标悬停（hover）事件来显示提示信息。后，鼠标悬停事件会穿过这个内层元素，不会触发el-tooltip的显示逻辑。如何解决这个问题，才能在内层元素设置了pointer-events: none后依然能够触发el-tooltip的显示逻辑。这通常是最简单的解决方案，但可能不适用于所有情况，特别是当这个样式是出于其他设计或功能需求而设置时。，你可以考虑在内层元素外部添加一个包装元素，并将。如果可能的话，最直接的方法是移除内层元素的。
2024-12-12 10:07:37
676
原创 git如何给历史提交打标签
如果没有 -m 及后面的提交信息，创建标签后会进入vim 界面，编辑标签 message，I进入写入模式，ESC退出写入模式，:wq保存退出。在项目所在文件夹，右键git bash here。此时在远程分支上看不到此标签，只能在本地看到。此时再去git仓库查看，就可以看到该标签了。如果忘记给某个提交打标签，可以在之后补上。
2024-11-26 10:00:56
760
原创 git: 修改gitlab仓库提交地址
1、进入到项目my-project所在位置。4、再次查看新的远程仓库地址以确认修改成功。右键git bash here。2、查看当前项目远程仓库地址。3、修改远程仓库地址。
2024-11-25 13:56:27
1070
原创 标题gitLab如何打标签（git界面操作）
3、填写标签名，选择要创建的分支，以及标签信息就可以了，也可以填写Release notes信息。1、首先进入到项目里面，找到Repository下的Tages，点击进入。2、也可以直接在界面创建，点击new Tag按钮。如果是还没有创建过标签，会提示如何用命令创建。然后点击createTag按钮就创建完成了。
2024-11-19 17:40:23
2441
原创 vue项目使用element-ui中的radio，切换radio时报错： Blocked aria-hidden
因为项目中有很多radio单选按钮，所以我写到全局样式中，但是出现了一个问题用scss全局引入时不生效，改成css文件才生效，这个具体原因还不知道是什么原因。后面上网查找的时候发现是浏览器的原因。
2024-11-18 17:10:40
1448
1
原创 vue配置多个接口请求地址
以/api/v2开头的接口访问地址urlC ，其余以api开头访问地址urlB。项目搭建的过程中，有多个后端接口地址，需要修改ngixn配置来匹配不同的接口。找到vue.config.js文件。查看反向代理设置的url。
2024-09-29 10:27:50
897
原创 ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead of ::v-deep
：v-deep的用法已被弃用。使用：deep（）代替：：v-deep。
2024-08-12 14:56:31
776
原创 gitlab项目添加新成员
*Guest：**只有只读权限，可以查看项目内容，但不能推送代码、创建分支或创建问题。**Developer：**通常具有读写权限，可以推送代码和创建分支。他们可以创建问题、合并请求等，但不能修改项目设置和添加新成员。**Reporter：**通常拥有只读权限，可以查看项目内容，但不能推送代码或创建分支。他们可以创建问题和合并请求，以及添加注释。：拥有项目中的写入权限，可以推送代码、创建分支、管理问题和拉取请求。他们可以添加、删除项目成员，但不能修改项目的高级设置。
2024-08-05 11:08:28
7756
原创 文件夹内鼠标右键没有git bash here?
例如： D:/Desktop/photo。3、输入文件路径，（路径为反斜杠/）1、window 搜索git。2、进入git bash。
2024-08-02 16:33:01
1277
原创 iframe切换视图被记录到history记录，点击浏览器后退按钮pdf报错
iframe中用于PDF预览时，用户通过某些操作（如切换双页视图）改变了iframe的src或location，导致浏览器history中增加新的记录
2024-06-17 10:38:39
1033
1
原创 element-ui input输入框和多行文字输入框字体不一样
页面中未作样式修改，但是在项目中使用element-ui input输入框和多行文字输入框字体不一样
2024-06-15 17:35:16
694
原创 vue项目前端如何在浏览器中添加访问pdf内容
将你的PDF文件放置在服务器的某个目录下，例如/var/www/html/pdfs/。确保服务器有权限读取这个目录中的文件。在Nginx的配置文件中为PDF文件添加一个location块。
2024-03-20 11:52:18
1126
原创 vscode【报错】yarn : 无法将“yarn”项识别为 cmdlet
vscode【报错】yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。这是因为在此系统上禁止运行脚本。再回到vscode就可以了。
2024-02-22 17:35:26
1875
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人