- 博客(14)
- 收藏
- 关注
RSS订阅原创 小程序双重循环中打印数据为undifined
在小程序嵌套循环中，内层循环使用val.Id时打印为undefined。原因是嵌套循环和异步操作导致作用域污染，且数字类型隐式转换异常。解决方法是在传参时强制转换为字符串：将copys(val.Id)改为copys(String(val.Id))。这样就能正确获取数据并复制到剪贴板。
2025-12-25 16:40:32
157
原创 小程序输入框金额校验
本文介绍了小程序中金额输入框的校验实现方法。通过正则表达式对输入内容进行多维度校验，包括：限制只能输入数字和小数点、禁止小数点开头、确保单小数点、限制11位整数和2位小数等。同时实现了金额上限校验、无效0处理、小数点补全等功能。代码提供了输入时实时校验(handleMoneyInput)和失焦后最终校验(handleMoneyBlur)两种处理方式，支持金额格式化显示（可选的千分位分隔符）。该方法通过monFlag状态控制校验结果的渲染，确保用户输入符合财务规范的金额格式，并给出了金额超限时的友好提示处理。
2025-12-19 11:48:43
387
原创 小程序输入框校验v-model 的异步问题
给输入框做只能保留所输入的20字的校验时，出现这样的情况：校验方法中打印出的值是校验后的正确的值，但输入框中的值是校验前的。在 UniApp（Vue2）小程序环境中，<input v-model="form.store_name">这样的写法 ，会先执行 v-model 的默认赋值，再执行你写的 @input 自定义方法。Vue2 虽能检测到变化，但 UniApp 小程序端的。
2025-12-06 14:35:40
155
原创 小程序自定义loading遮挡并重置page下拉加载列表
在微信小程序开发中，自定义loading和 scroll-view 平级，导致下拉加载的时候调用loading遮挡全屏，loading结束后列表page回到第一页，且每次下拉请求下一页都是这样。
2025-12-02 15:22:01
151
原创 微信小程序中自定义picker组件实现省市选择二级联动
文章摘要：本文介绍了两种实现省市选择功能的方法对比。官方picker组件虽可修改为仅显示省市两级，但体验不佳。重点介绍了自定义picker组件的实现方案，采用多列选择器模式，通过字典映射省市关系，支持默认值设置和联动更新。该组件包含完整省市数据源，提供初始化默认值、省列滚动更新市列、选择确认回调等功能，并通过$emit向父组件传递选中结果。相比官方方案，自定义组件在开发效率和用户体验上更具优势。
2025-11-27 11:40:13
318
2
原创 在表单中将英文映射为中文并添加下拉框选
本文介绍了一种通过statusMap字典优化前后端状态值映射的方法。在Vue组件中定义statusMap对象存储英文状态值到中文显示的映射关系。在表格列中使用template通过statusMap转换显示中文状态，在表单中使用el-select遍历statusMap生成下拉选项，既保持后端存储英文值，又为用户提供中文显示。这种方法统一了状态管理，提高了代码可维护性。
2025-11-26 14:34:37
786
原创 表单中通过日期时间选择器组件拿到日期和最新时间
本文对比了ElementUI中的两种时间输入方式：普通文本输入框和日期时间选择器。普通输入框允许用户自由输入任意格式的字符串，包括日期时间文本；而日期选择器（type="datetime"）提供可视化日历和时间选择界面，强制用户选择合法日期时间格式，确保数据有效性。后者通过v-model绑定数据，更适合需要严格日期时间格式的场景。
2025-11-25 16:17:40
209
原创 微信小程序开发过程中如何拿到下一级页面传的参数（当前页面给上一页页面传参）
本文介绍了在小程序开发中实现页面间参数传递的方法。通过在详情页使用getCurrentPages()获取页面栈，可访问上一页实例(prevPage.$vm)并设置自定义参数（如prevStock和prevGoodsId）。在首页的onShow生命周期中接收这些参数，实现从详情页返回时的数据处理。关键点包括：参数传递应写在数据获取方法中而非navigateBack里，确保各种返回方式都能传值；首页通过onShow获取参数后进行相应操作，同时在onHide重置参数。这种方法实现了页面间灵活的参数传递，适用于需要
2025-11-12 16:18:03
622
原创 微信小程序页面中搜索框的自动聚焦和弹出键盘
在小程序中实现搜索框自动聚焦可以通过HTML5的autofocus属性和Vue的响应式特性实现。关键步骤包括：在input元素添加:focus=autoFocus;，设置data中的autoFocus初始值为false，在onShow生命周期将autoFocus设为true以触发聚焦，在onHide时将autoFocus重置为false。这种方法确保页面显示和返回时都能自动弹出键盘，提升用户体验，同时避免了提前触发的问题。
2025-10-28 15:49:34
235
原创 如何解决前端控制台中拿不到嵌套响应的值
摘要：针对接口返回200但包含错误信息且业务代码无法正确获取嵌套错误值的问题，通过Fly响应拦截器统一处理接口响应格式。在拦截器中匹配特定URL并返回response.data，解决了嵌套数据获取问题。最终在catch中通过error.res.msg获取错误信息并显示弹窗提示
2025-10-27 16:34:27
248
原创 css中列表中对第一个元素和最后一行元素设置样式
文章摘要：本文介绍了三种修改列表中特定元素样式的方法。方法一使用:first-child、:last-child等伪类选择器，适用于简单列表结构；方法二使用:first-of-type等伪类，适合父元素包含多种子元素类型的情况；方法三通过动态绑定索引实现精准控制，特别适合循环渲染的列表。作者推荐在复杂场景下采用第三种方法，通过判断索引动态添加类名，可避免伪类选择器可能导致的误判问题。
2025-10-22 10:24:08
656
原创 只用flex布局实现一个简单的日历表
本文介绍了如何使用Flex布局实现一个简易日历。核心思路是利用flex-wrap实现换行布局，并通过CSS变量计算单元格边距：定义单元格宽度为50rpx，设置每行7个单元格(--n:7)，计算剩余空间作为边距(--s:calc((100%-50rpx*7)/7/2))。代码结构分为表头(.head)和日期区(.middle)，通过flex-direction:column垂直排列，日期区用flex-wrap:wrap实现自动换行。这种方法能精确控制间距，实现均匀分布的日历网格布局。
2025-10-18 14:34:13
806
原创 微信小程序中自定义顶部标题栏 1
本文介绍了微信小程序自定义顶部导航栏的实现方法。通过配置navigationStyle为"custom"可隐藏系统默认导航栏，利用uni.getSystemInfoSync()和uni.getMenuButtonBoundingClientRect()获取设备信息和胶囊按钮位置，动态计算导航栏高度。代码示例展示了如何创建包含返回按钮和居中标题的自定义导航栏，并详细说明了样式设置和单位转换技巧，确保在不同设备上实现完美适配。最后提供了返回按钮的交互逻辑实现，帮助开发者打造个性化的导航栏体验
2025-10-13 17:10:45
735
原创 【微信小程序中运用scroll-view实现区域滚动和回到顶部 基础篇 1 （结合实例）】
本文介绍了微信小程序中scroll-view组件的两种实用场景：1. 实现纵向区域滚动（可应用于上拉加载更多）2. 实现回到顶部功能
2025-10-13 15:50:36
889
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人