- 博客(20)
- 收藏
- 关注
原创 idea打开vue项目一直updating indexes,点击代码无法跳转
结合用户历史问题(执行"Invalidate Caches / Restart"后项目文件夹消失)和当前问题(持续索引且代码无法跳转),这是典型的IDEA索引系统异常问题,主要与Vue2项目的node_modules目录过大和缓存重建异常有关。使用Local History恢复文件(右键项目 → Local History → Show History)右键点击项目中的node_modules文件夹,或updating indexes任务栏里一直加载的文件。使用版本控制系统管理项目文件。
2025-09-18 14:01:19
815
原创 git下拉代码报permission denied (publickey). could not read from remote repository
执行ls -a ~/.ssh检查是否存在id_rsa和id_rsa.pub文件。若不存在或需要重新生成,使用命令ssh-keygen -t rsa -C “your_email@example.com”(替换为你的邮箱),过程中直接按回车使用默认设置。该错误通常是由于SSH密钥配置问题导致Git无法通过公钥认证访问远程仓库。进入C:\Users\yourName,打开Git Bash。git上找到SSH keys,把复制的内容粘贴上去。打开id_rsa.pub文件,并且复制内容。
2025-09-16 17:11:51
236
原创 el-select disabled状态时实现点击事件
状态时,浏览器会阻止所有交互事件(包括点击事件)。自定义样式方案中,需要同步处理 hover/active 等状态。禁用状态下的操作应明确提示用户不可用的原因。方案 1:使用父元素包裹 + 事件代理。/* 保持与 select 同宽 */方案 3:自定义禁用样式(推荐)// 通过 CSS 模拟禁用样式。/* 关键:允许事件穿透 */'当前选项不可用,原因XXX'/* 显示可点击状态 *//* 模拟禁用透明度 *//* 修改鼠标样式 *//* 禁用鼠标样式 */,需测试目标浏览器兼容性。'请先选择其他条件'
2025-08-13 14:18:45
1022
原创 el-table固定列(fixed)与 scrollIntoView 结合使用出现内容消失或错位的问题
在 Element UI 的 el-table 中,当固定列(fixed)与 scrollIntoView 结合使用时,可能出现固定列内容消失或错位的问题。这是因为 scrollIntoView 触发的滚动可能未同步更新固定列的渲染位置,而 doLayout 方法在某些情况下可能失效。注意:若仍不生效,可尝试添加延迟(如 setTimeout 200ms)
2025-08-07 14:43:26
279
原创 Vue 2 根据更新自动刷新页面并清除缓存
在 Vue 2 中实现根据更新自动刷新页面并清除缓存,可以通过以下几种方案实现。原理:每次构建时生成唯一版本号,检测到版本更新时强制刷新页面并清除缓存。jsonjavascript在 package.json 中添加脚本:jsonjavascript原理:通过 Service Worker 管理缓存,当检测到更新时刷新页面并清除旧缓存。javascriptjavascript在 Vue 组件中监听:javascript原理:利用 Webpack 的文件名哈希确保资源更新,配合强制刷新清除缓存。
2025-08-06 10:43:58
1040
原创 页面滚动到第一个校验未通过的el-form-item
表单实例的fields属性:存储了所有关联的el-form-item实例,按DOM顺序排列。获取校验失败的字段:在校验失败的回调中,通过表单实例的fields属性获取所有表单项。通过以上方法,可以准确找到并定位到第一个校验未通过的表单项,提升用户填写表单的体验。滚动到该元素:使用DOM的scrollIntoView方法滚动到该表单项的位置。找到第一个校验失败的项:遍历fields数组,查找第一个状态为错误的表单项。动态表单项:动态生成的表单项需要正确注册到表单实例中。
2025-04-28 13:45:17
372
原创 开源免费的 JavaScript 富文本编辑器
monaco-editor(可使用为文本对比工具)Vue-Quill-Editor(文本编辑)TinyMCE(文本编辑)
2025-04-07 10:40:56
314
翻译 simple-uploader.js文档
其他额外的参数,这个可以是一个对象或者是一个函数,如果是函数的话,则会传入 Uploader.File 实例、当前块 Uploader.Chunk 以及是否是测试模式,默认为 {}。真正上传的时候使用的 HTTP 方法,可以是字符串或者函数,如果是函数的话,则会传入 Uploader.File 实例、当前块 Uploader.Chunk,默认 POST。额外的一些请求头,如果是函数的话,则会传入 Uploader.File 实例、当前块 Uploader.Chunk 以及是否是测试模式,默认 {}。
2025-04-02 17:22:25
603
原创 position: sticky 不生效
position: sticky 需要父容器具有明确的高度或溢出属性(如 overflow: auto 或 overflow: hidden),否则无法生效。如果 sticky 元素在滚动时没有足够的空间(例如父容器高度不足),sticky 效果可能不明显或失效。如果父容器使用了 transform 或 filter 属性,position: sticky 会失效。如果父容器没有滚动,sticky 不会生效。如果父容器设置了 overflow: hidden,position: sticky 会失效。
2025-03-11 14:32:08
2496
原创 IDEA格式化代码script、style标签添加默认缩进
IDAE进入setting-Editor-Code Style-HTML,切换到Other的tab,下滑找到Keep white spaces inside:输入框中添加/删除script、style:
2025-01-13 17:23:02
592
原创 vue style scoped 修改element样式不生效
1.在当前.vue组件中再添加一个style标签,不带scoped(此时style里的样式定义是全局性的,使用不当会影响整个项目的样式)。2.给input一个使用特殊命名的类(确保不会因为命名相同而影响到其他组件的样式),通过该类名再修改样式。此时修改样式生效,且不需要。问题场景:写在当前组件带scoped属性的style里,带。(因为没有scoped属性相当于在全局样式中修改)
2024-12-13 10:13:16
474
原创 el-table max-height属性动态赋值不生效
想要按照页面高度动态改变table的max-height,第一个想到的是使用computed计算属性或watch属性动态赋值,此时需要动态获取页面的高度。当前想要实现的需求是点击缩放全屏更改表格的高度,要触发变更的点在于第一次打开的时候及点击全屏的时候,所以这里使用方法实现。max-height不允许使用"calc(100% - 50px)“之类的值,若使用"calc()”,表格的总高度会生效,但是表头不会自动吸附且滚动条不生效。点击缩放全屏时,再次获取父组件的高度,减去多余的高度。获取DOM节点的高度。
2024-12-13 09:42:00
934
原创 动态表格el-table el-form-item下input、select等组件不能输入
tableList数据中存在字段为undefined的情况,防止某一个数据值为空时组件不可输入。
2024-11-14 18:24:49
363
原创 vue 路由跳转meta.activeMenu不生效
2、管理员账号登录,菜单管理,添加”列表页面“菜单,其中“路由地址”字段的值(page)要与router/inex.js里定义的activeMenu: '/page’一致。1、router/index.js中,constantRoutes = []里添加子菜单的路由。
2024-04-01 11:16:40
1510
原创 vue3 echarts树图 点击label打开对话框,点击node收缩
5、 mousedown点击事件前,把label的展开和收缩事件去掉。6、click点击后,打开详情对话框。4、根据节点动态更新dom的高度。2、初始化treeChart。
2024-03-29 17:02:48
697
1
snipaste贴图工具
2024-11-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅