- 博客(14)
- 收藏
- 关注
RSS订阅原创 Vue+ElementUI实现商品限售区域功能：省市区三级地址联动支持多选，配置允许购买区域
本文介绍了基于Vue和ElementUI实现商品限售区域功能的方法，主要包括商家端配置和商城端校验两个模块。商家端使用省市区三级联动选择组件，支持数据压缩优化处理：当父级地址全部子级被选中时只传父级数据。商城端根据用户收货地址判断商品是否可售。文章详细展示了实现步骤，包括安装依赖库element-china-area-data、商家端弹框组件的HTML结构、JS数据处理逻辑（初始化树形数据、状态管理、提交优化等）。该方案解决了电商平台常见的商品区域限售需求，具有较好的实用性和可扩展性。
2025-09-22 17:12:46
681
原创 uniapp安卓App实现NFC读取和写入功能记录_HbuilderX安卓真机调试
近场通信（NFC）技术已经深入我们生活的方方面面，从门禁卡到移动支付，无处不在。对于开发者而言，将NFC功能集成到应用中已成为一项有价值的技能。本文将详细记录如何使用Uniapp框架为安卓App实现NFC读取和写入功能。
2025-09-17 15:53:51
1077
原创 配置cookie实现iframe标签跨域名保持登录状态
摘要 本文介绍了在页面A通过iframe引入页面B时实现自动登录的跨域解决方案。关键点包括：1）配置CORS允许跨域访问；2）在后端设置Cookie属性SameSite=None和Secure=true。测试表明，通过Node.js、PHP或Java等后端语言直接设置Cookie属性比Nginx代理配置更有效，能实现iframe内页面B与新窗口打开时的登录状态同步。特别注意SameSite=None必须与Secure=true配合使用，且要求HTTPS连接。
2025-07-23 10:55:25
602
原创 Vue3+Element Plus动态校验多个form表单+table表格行内输入框比较值的大小
在做项目的时候难免会遇到各种复杂的表单校验，之前也遇到过这种类似的问题，这次就来总结一下，便于以后可以提高工作效率，看标题可能不太理解具体是什么功能，下面用图来解释一下：如上图所示：可以动态添加/删除form表单以及table行，并且需要比较table每行“销售价格”和“市场价格”的大小进行表单校验。
2024-09-27 16:57:19
963
原创 uniapp App端地图定位选择，使用高德地图api根据经纬度获取省市区信息
output=JSON&location=经度,纬度&key=高德地图key。3.在manifest.json --> App模块配置中, 勾选maps地图选项，选用百度地图或者高德地图均可，填写相应平台申请的key值。1.使用uni.chooseLocation()获取到经纬度数据；
2024-05-11 17:33:45
4340
2
原创 JS处理table表格根据某列判断重复合并单元格
原表格：合并后：在做合并表格前要先搞懂合并的原理，推荐阅读：〖大前端 - 基础入门三大核心之 html 篇⑯〗- 认识表格 与 合并单元格table数据为list一维数组，获取当前列存在重复的数量，且判断是否为第一条数据，若为第一条重复数据则加上rowspan，否则判断重复的数量是否为1才展示，具体代码如下：HTML：JS：data数据：
2024-05-10 11:10:20
925
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人