- 博客(120)
- 收藏
- 关注
RSS订阅原创 uni-app支持单多选、搜索、查询、限制能否点击组件
摘要：本文介绍了一个基于Vue.js的自定义下拉选择组件selectg的实现代码。该组件支持单选/多选、搜索过滤、防抖处理、滚动加载等功能，并提供了完整的类型安全检查和错误处理。组件包含响应式状态管理、选项过滤逻辑、选中项处理等核心功能，同时支持自定义标签和值字段名。样式部分采用SCSS编写，实现了符合现代UI设计的下拉框样式。最后展示了组件在页面中的调用示例和搜索功能的后端对接方法。该组件具有高度的可定制性和鲁棒性，适用于各类表单场景。
2025-09-01 17:36:55
540
原创 vue使用printJS实现批量打印及单个打印 避免空白页
本文介绍了使用print-js库实现批量打印功能的实现方法。通过安装print-js依赖后，创建一个batchPrintAction方法，该方法接收选中行数据，生成包含多个标签页的HTML字符串。每个标签页以表格形式展示6个数据字段，并设置了80mm×50mm的标签尺寸。方法使用PrintJS进行打印，配置了打印样式和页面设置，并在打印完成后移除临时创建的DOM元素。该实现支持批量打印和单条数据打印，包含数据验证和样式自定义功能。
2025-07-11 14:04:53
528
原创 uni-app 下拉搜索多选 支持自己创建数据
这是一个基于Vue 3的多选组件selectmul.vue的实现摘要： 组件功能： 支持多选/单选模式 提供搜索过滤功能（带防抖） 显示已选标签并支持删除 下拉列表展示可选选项 主要特性： 使用v-model双向绑定 可配置选项标签字段和值字段 支持通过props传递初始值 提供search事件用于远程搜索 实现细节： 使用Composition API编写 包含完整的样式封装 通过watch监听选项变化 处理了多选和单选的逻辑差异 使用方式： 通过import导入组件 配置labelKey/valueKe
2025-07-08 15:55:18
109
原创 vue 复制文本 封装可复用的指令
摘要：本文介绍了一个基于Vue的复制指令实现方案。该指令封装了Clipboard API并提供兼容性处理，支持现代浏览器和传统浏览器的复制操作。实现功能包括：1)使用Clipboard API进行复制，失败时自动回退到execCommand方式；2)提供用户反馈提示(ElMessage)；3)包含空值检查；4)添加鼠标指针样式提升UX；5)支持动态更新绑定值。使用方式简单，只需在元素上添加v-copy指令并绑定需要复制的文本即可。该方案需在HTTPS或localhost环境下使用以确保安全性。
2025-07-08 15:03:28
77
原创 Git Switch 与 Git Restore 详解
命令最佳场景替代旧命令git switch分支切换/创建/跟踪文件恢复/撤销暂存/版本回退和这两个命令通过职责分离显著提升了 Git 操作的直观性和安全性，建议优先使用它们替代旧的文件操作。
2025-06-13 16:53:46
498
原创 uni-app 开发安卓 您的应用在运行时，向用户索取（定位、相机、存储）等权限，未同步告知权限申请的使用目的，不符合相关法律法规要求
您的应用在运行时，向用户索取（定位、相机、存储）等权限，未同步告知权限申请的使用目的，不符合相关法律法规要求
2025-04-16 14:06:02
837
原创 vue3项目集成electron
使用 `contextIsolation` 和 `preload` 脚本安全地暴露 API。执行后会在 `src` 目录下生成 `background.js` 主进程文件。避免直接使用 `nodeIntegration: true`1. 确保已安装 Node.js (建议版本 16.x 或更高)- 开发时使用 `Chrome DevTools`可根据需要更改background.js 主进程文件。- 处理平台特定的菜单和快捷键。- 为不同平台提供适当的图标。- 生产环境添加日志系统。
2025-04-10 16:17:44
581
原创 uni-app 开发安卓app提交审核时因 隐私协议被拒时
在mainfest.json中将这个勾选上之后，项目中会自动生成一个androidPrivacy.json文件，在这里面可以自定义加一些东西。
2025-04-10 14:44:51
448
原创 ECharts中处理大量数据时，使用dataZoom现滚动查看
可以通过修改dataZoom的各项参数来自定义其外观和交互方式。option = {// ...其他配置...showDataShadow: false, // 不显示阴影handleSize: '80%', // 改变手柄大小fillerColor: '#ccc', // 设置填充颜色borderColor: '#999', // 边框颜色moveHandleSize: [30, '60%'] // 移动手柄尺寸],// ...其他配置...
2025-03-10 14:00:52
784
原创 uni-app 开发ios 使用testFlight 进行分发测试
这里的图标必须是1024*1024 png图片切不含alpha 不透明，否则也会交付失败。mainfest.json，这个版本号必须高于上一个，否则会导致交付失败，还有就是。可以看到，也可以点击小三点的点击跳转，就会出现到testflight中了。点击添加，将打包好的ipa文件放上去，注意打包的时候需要注意。首先你要生成一个ipa包，怎么生成这个包，可以在。在mac电脑app store中下载。，当然你也可以看下其他分发平台。
2025-03-07 17:46:57
943
原创 uni-app开发安卓和iOS 打包流程（云打包）
打包安卓和iOS打包的流程有些不同，安卓打包相对来说比较简单，而iOS打包需要更多的准备工作，如申请开发者账号、生成证书等。
2025-03-03 17:45:37
740
原创 uni-app 开发安卓和ios上传文件 以及微信小程序上传文件封装
【代码】uni-app 开发安卓和ios上传文件 以及微信小程序上传文件封装。
2025-03-03 17:01:41
456
原创 uni-app开发安卓和ios app 真机调试
也是通过usb数据线进行连接，这时候可以在ios手机上找到开发者选项打开就好了，这里提醒一下，ios进行真机调试需要apple签名，apple签名需要有开发者账号，需要先去申请一个苹果开发者账号，这个账号是要花钱的，可以找公司申请，具体申请步骤以在网上找，有很多，勾选上usb调试，连接电脑与手机，重新运行到安卓基座 ，点击刷新，会出现你的设备，就可以真机调试了。之后会弹出这个界面，安卓手机可以先打开开发者模式，然后用usb数据线将手机和电脑连接起来。首先打开我们的hbuilder项目，点击运行，如下所示。
2025-02-21 18:54:40
1997
原创 uni-app 开发app 时 ios上传图片失败的问题
2、ios上传图片返回的是大写的JPG后缀文件，后端无法识别，这个可以让后端去改代码，可以去检查上传文件返回的url路径。安卓没有问题，就ios上传图片不行。1、必须要有header头。
2025-02-21 18:30:59
762
1
原创 uni-app开发app时 使用uni.chooseLocation遇到的问题
中已经说明，使用腾讯的话需要开启云服务，具体可看官网，这就是为什么使用时直接不显示的原因，所以我使用的高德，但又出现了问题二。首先要想使用高德进行选取位置，需要在mainfest.json文件 —模块配置 中，勾选如上图所示。其次申请的高德key中的包名要与安卓和ios打包的包名一致。bundleid 也就是你打包ios时所需的appid。创建的安卓证书，其中有这个值，直接复制过来填进去就行。问题二：选择地址列表一直在加载中。对于ios，生成高德key时需要。对于安卓申请高德key时需要。
2025-02-20 14:22:05
1147
原创 JS将科学计数法转成小数形式
这个方法将数字按科学计数法返回，并可以指定保留的小数位数。适合处理需要科学计数法表示的场景，比如天文学中的大数。是一个强大的方法，它不仅能处理科学计数法，还能直接返回不带逗号分隔的完整数字字符串。注意：这个方法返回的是字符串而不是数字。如果需要保留精度的同时保持类型为数字，可以再包一层。它不仅关注小数点后，还包括小数点前的位数。拿到科学计数法表示，再解析指数部分，计算需要保留的位数。按指定的小数位数返回字符串，直接四舍五入。，就能避免默认的千分位分隔符，非常简洁。这段代码用到了正则表达式和。
2024-12-20 11:36:36
503
原创 uni-app微信小程序实现所有页面都可以分享朋友圈和发送好友
让每个页面都可以使用，可以使用mixin，全局注册。其实只要在页面中写了这2个方法，
2024-10-23 10:51:10
982
原创 git将本地分支推送至远程
通过上述步骤，你可以将本地分支成功推送到远程仓库。在推送之前，确保你的代码已经提交（使用git commit），并且远程仓库的 URL 配置正确。
2024-10-11 11:14:23
3034
原创 uni-app连接websocket 获取的arraybuffer转换为字符串
【代码】uni-app连接websocket 获取的arraybuffer转换为字符串。
2024-08-30 13:54:06
620
原创 vue3+ts+vite+pinia+element-plus搭建一个项目
创建一个基于Vue 3、TypeScript、Vite、Pinia和Element Plus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。是Vue.js的最新主要版本，提供了Composition API、更好的TypeScript支持、自定义渲染器等功能。是JavaScript的一个超集，添加了类型系统和基于类的面向对象编程。它能够提供更好的代码编辑支持和更早发现运行时错误，特别是在大型项目中。
2024-08-19 15:33:21
988
原创 python源码打包pip
这可确保您拥有唯一的包名称，并且您的包不会与其他人按照本教程上传的包冲突。还有有个配置文件setup.cfg，相对于setup.py,此文件配置是静态元数据，内容基本不变；如果你想让你的实现的python代码，通过pip install 方式供所有人进行下载；注意：如果使用的镜像不是官网，例如国内使用最多的清华镜像，可能需要等5分钟以上才能安装，镜像同步需要时间；moudle.py是包中的一个模块，主要是提供的功能供下载人调用‘在该文件中撰写你的包的使用说明、安装方法、功能介绍等信息。
2024-08-14 17:09:15
1629
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人