- 博客(63)
- 收藏
- 关注
RSS订阅原创 【tips】100vh
移动端和PC端的100vh存在差异，PC端100vh等于window.innerHeight，而移动端100vh会包含底部导航栏高度
2026-01-05 14:04:49
128
原创 【tips】ruoyi-vue页面缓存结合菜单配置+defineOptions
进入其他页面，通过菜单标签页面，返回刚才的列表页面，页面重新onmonted，查询结果重置了。这里的路由名称没有写，但是getRouters中的name还是返回了（应该是自动改成了path的首字母大写?但getRouters中的name是首字母大写，所以cachedViews中储存的也是首字母大写。结论：keepalive+菜单配置：路由名称+页面：defineOptions({在要缓存的.vue页面增加defineOptions，这里要特别注意。问题：当前页面查询列表后，菜单配置：已配置缓存。
2025-12-24 11:19:20
159
原创 【tips】el-table 重置排序时
有个注意点，如果sortable 是动态的，可能.sort会有其他问题。所以最好是页面展示排序，但是在handleSortChange做禁止排序功能。
2025-12-17 10:55:12
99
原创 【tips】elementplus日期时间选择器注意HH:mm:ss 和hh:mm:ss
format和value-format自定义显示格式和传值格式，支持12/24小时制切换（hh/HH）
2025-11-28 09:48:42
128
原创 【tips】input的onblur需要触发事件，但是取消按钮不需要执行input的onblur
input失去焦点时触发校验，若校验失败会显示错误提示，但点击取消按钮时会导致校验和关闭同时执行，出现错误提示与页面关闭冲突
2025-11-25 10:56:12
136
原创 【tips】echarts报错Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)
echarts.init()赋值实例shallowRef
2025-11-20 13:30:40
245
原创 【tips】项目中 package.json的 “type“对于文件的导入导出的区别
Node.js模块系统支持ESM和CJS两种规范，通过package.json的"type"字段（module/commonjs）和文件扩展名（.js/.mjs/.cjs）确定模块类型。ESM使用import/export语法，CJS使用require/module.exports。混用时需注意：ESM可导入CJS但会转为默认导出，CJS只能用动态import()加载ESM。不同扩展名明确区分模块类型，开发时应注意对应语法规范。
2025-11-06 11:00:39
327
原创 【tips】el-row使用gutter时，父元素增加相同padding 值
父元素添加与gutter（间距）值相同的padding可避免出现滚动条
2025-10-22 14:28:51
108
原创 【Vue】Transition组件下页面首次加载正常跳转后所有页面空白
我们的很多页面都是固定的样式，上面有个搜索栏，中间是table，底部是分页。所以我就想封装一个页面组件，但是后来发现，当前页面如果是包裹的组件，只要发生跳转其他页面，所有页面都会变成空白。因为原来的页面，template模板下是多个根元素（vue3是支持的）但是transition不支持多个根元素，所以我就把它注释了，，页面能展示，但是没有动画效果，而且transition每次都是一个新的实例，并且跳转后它的监听事件都不会触发。然后就出现了在任何error和warn的信息情况下，跳转页面空白的问题。
2025-10-15 14:35:05
332
原创 【tips】el-input-number 数字输入框初始值超出限制值后，v-model的问题
el-input-number组件在v-model绑定值超过max限制时的异常行为
2025-09-12 11:44:18
276
原创 【tips】unsafe-eval线上页面突然空白
页面因违反CSP策略的unsafe-eval限制而无法展示，原因是后端安全升级后原CSP策略仅允许script-src 'self' 'unsafe-inline'，
2025-08-18 15:48:48
509
原创 【tip】font-family的设置可能导致的文字奇怪展示
那么你可以看下是否设置了font-family。而设置的字体文件是否支持这个字，（比如因为我这个项目因为有切换字体的功能，但是字体文件本来就大，所以用了简化版的，就会导致偶尔某些字不支持。没有特别展示要求，可以去掉font family；中文字体过大也会引申好多问题。比如这样，并没有对某个字做特殊处理。
2025-08-07 19:36:21
238
原创 【tips】css模仿矢量图透明背景
线性渐变创建了棋盘格背景效果。通过4个45度角的渐变叠加，配合精确的background-size(20px)和position定位，形成交替的浅灰色(#f0f0f0)与透明方块。
2025-08-07 17:27:25
302
原创 【tips】记录wxml2canvas-2d 本地图片使用绝对路径
如果使用相对路径，调用的组件方法canvas.draw时候 会报图片500的错。
2025-08-04 12:51:17
248
原创 【tips】记录wxml2canvas-2d 生成canvas图片后align-item：center没起作用
一行文字和图标当文字和icon的尺寸比较小的时候 ，display：flex；但是生成图片，图标和文字不在水平线上；还有奇奇怪怪的bug。这行设置合适的line-height，问题解决。
2025-08-04 09:29:46
206
原创 【tips】小程序css ➕号样式
文章摘要：通过CSS样式实现加号效果，无需使用图片。利用伪元素::before和::after分别创建横竖两条白线，通过绝对定位和translate实现居中。设置宽高、圆角等属性调整加号外观，背景色设为灰色形成对比。这种纯CSS方案简单高效，适用于上传按钮等场景。（99字）
2025-07-29 16:19:14
320
原创 【tips】字段对应数字值和中文含义类型
两种TypeScript实现固定映射和下拉框数据的方法：1) 使用数组对象定义，通过const断言获取类型；2) 使用对象定义映射关系，通过Object.entries转换为下拉选项。
2025-07-08 11:44:50
158
原创 【tips】微信小程序wxs 注意
使用： var keys = object.keys(styles);一些js的方法，本来想直接在模板上用，然后。它定义了一个objet.wxs。
2025-03-28 10:46:44
558
原创 【tips】el-select没有赋值但是初始化回显了
鼠标移上去是没有clearable图标的。下拉框的list是异步的，且没有默认选中值。别的都正常，就是有一个下拉框竟然回显了。
2025-02-20 23:52:24
447
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人