- 博客(23)
- 收藏
- 关注
RSS订阅原创 el-table特定行标红（使用row-class-name）
定义方法，设置满足某条件时返回类名（可以传两个参数，row和rowIndex）给el-table加上:row-class-name="方法名"
2025-11-12 17:14:12
188
原创 el-input限制只能输入数字、小数点、负号，并限制小数点后位数（vue自定义指令）
let input_ele = e.target // 获取触发事件的 输入框元素let val = input_ele.value //获取输入框当前值let decimalPlaces = parseInt(binding.arg) //获取小数位数限制（binding：包含vue指令信息的对象，arg：指令参数）if (val) {//小数的情况：if (binding.modifiers.negative) {// 修饰符对象为negative时：（允许负数）
2025-11-10 19:02:14
133
原创 js常用脱敏方法：手机号脱敏、姓名脱敏、身份证脱敏、邮箱脱敏、金额脱敏等
金额脱敏：有小数点时隐藏整数部分；无小数点：不多于3位，脱敏第1位；4-6位脱敏前2位；多于6位脱敏从第3位开始中间4位。身份证脱敏：显示前 1、5、6、7、8、9、10、11、12、18 位。护照等其他证件脱敏：显示前后各1/3。邮箱脱敏：脱敏@前字符串的后5位。手机号脱敏：保留前3位和后4位。姓名脱敏：脱敏第一个字。
2025-11-08 11:20:22
392
原创 vue时间区间选择器组件：快速获取起止日期、设置默认日期选择范围（基于el-date-picker）
vue时间区间选择器组件：快速获取起止日期、设置默认日期选择范围（基于el-date-picker）
2025-10-30 13:55:52
135
1原创 vue小知识点：el-image实现网页图片预览大图（preview-src-list属性使用）
el-image实现网页图片预览大图（preview-src-list属性使用）
2025-10-15 19:06:21
215
原创 h5适老化前端实现方案-两套样式
h5适老化前端实现：定义两套CSS样式，normal.css普通样式，elder.css适老化样式，通过调接口等方式获取当前是否适老化，根据返回结果全局引入相应样式，开发环境也可手动引入
2025-10-11 16:03:31
193
原创 vue通过配置计算属性projectName实现一套代码多个项目
本文介绍了前端通过配置计算属性实现多项目复用代码的解决方案。通过projectName区分不同项目，比如实现后台管理系统列表项差异化展示（如v-if条件渲染）和移动端H5复用JS逻辑但独立HTML/CSS。
2025-10-09 19:27:10
356
原创 用CSS自定义vant中toast样式
如何用CSS自定义toast轻提示样式。通过设置自定义类名或直接使用van-toast类名，可以手动修改toast的宽高、图标大小、字体等样式。需要注意的是，自定义样式时不能使用scss和scoped，否则会导致样式不生效。文章提供了完整的CSS样式代码，帮助开发者快速实现美观的toast提示效果。
2025-07-22 16:31:36
383
原创 快速理解Vue3中Pinia里的subscribe方法使用
subscribe方法是Pinia中的监听器函数，有点像watch，但监听的是store中的状态（数据/state）变化，在store中的状态变化时会执行自定义逻辑。可用于调试和定位问题、记录日志后续分析、触发操作（比如保存到本地存储等）
2025-03-23 21:51:38
508
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人