- 博客(27)
- 收藏
- 关注
RSS订阅原创 Vue3 实战：用 `computed + Proxy` 封装一个真正好用的 `useVModel`（解决对象 v-model 子字段无法触发更新）
本文针对Vue3中对象类型v-model的字段更新问题，提出了一种基于Proxy的解决方案。通过分析computed特性，解释了直接修改对象字段无法触发更新的原因。核心方案是在useVModel工具函数中，使用Proxy拦截对象字段修改，自动触发emit更新父组件数据。该方案支持标准v-model语法和自定义参数，显著减少了表单组件中的样板代码。同时指出了浅层代理的局限性和注意事项，为复杂表单开发提供了可复用的最佳实践。
2026-01-20 20:51:28
854
原创 Vue3 + Element Plus 实现大文件分片上传组件（支持秒传、断点续传）
本文介绍基于Vue3和Element Plus实现大文件分片上传组件的方案。针对传统上传方式处理大文件时的上传时间长、易失败、无法续传等问题，提出分片上传技术方案
2026-01-20 15:29:27
1041
原创 Vue 3 组件双向绑定完全指南：update:modelValue 与 defineModel
Vue 3 提供了两种实现组件双向绑定的方式：传统手动实现和使用 defineModel 语法糖。传统方式需要定义 props 和 emits，通过 update:modelValue 事件实现数据同步；而 Vue 3.3+ 引入的 defineModel 大幅简化了流程，只需一行代码即可实现双向绑定，并支持类型定义和多个 v-model。两种方法都能实现父子组件数据同步，defineModel 在代码简洁性和开发效率上更具优势，适合 Vue 3.3+ 项目使用。
2026-01-15 09:08:37
883
原创 Vue3音频组件开发与使用指南
本文介绍了如何在Vue3中开发功能完善的音频播放组件，包含以下核心内容： 状态管理：使用Pinia实现全局音频状态管理，确保单例播放 核心功能： 播放/暂停控制 进度条拖拽调节 时间格式化显示 播放速度调节 音频降噪处理 关键技术点： 音频实例唯一标识 互斥播放控制 进度同步更新 生命周期管理 。
2025-08-27 15:43:51
1648
2
原创 Vue项目中使用bowser.js实现浏览器兼容性检测完整教程
本文介绍了在Vue项目中集成bowser.js实现浏览器兼容性检测的完整方案。主要内容包括：bowser.js库的特点和优势；项目集成步骤，涵盖CDN引入和环境变量配置；核心检测功能实现，包括版本检测、用户提示和全局状态管理；Vue组件中的具体应用示例；以及动态功能检测等高级用法。该方案能有效识别低版本浏览器，提供友好的用户升级提示，确保Web应用在兼容环境中稳定运行。
2025-08-21 16:01:14
978
原创 vue使用jquery.wordexport.js导出word，并支持分页和页眉页脚
vue使用jquery.wordexport.js导出word
2024-01-19 15:03:45
2467
7
原创 Your local changes would be overwritten by merge. Commit, stash or revert them to proceed.
这个错误的意思是在执行Git pull命令后，被拉取（pull）的远程仓库版本和本地仓库当前的版本产生了冲突，Git 不知道该如何处理这个冲突，因此在控制台输出此错误并停止执行。
2023-04-27 17:22:17
12029
原创 Vue3父子组件通信，父子传参
Vue2的小伙伴应该该经历过转战Vue3过程的中的抓狂。好多地方使用都不太一样，这期就给大家讲一下近期我也在用vue3开发中遇到到的问题父子组件通信。
2023-04-12 17:34:52
469
原创 window 使用 Edge 调试手机 iOS 的 Safari 浏览器
window 使用 Edge 调试手机 iOS 的 Safari 浏览器
2023-03-31 15:33:01
2484
3
线上教学SpringBoot+MySQL+Vue+ElementUI
2023-07-01
Java+线上教学+Vue+MySQL
2023-07-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人