- 博客(11)
- 收藏
- 关注
原创 Vue 中限制文本框只能输入数字的优雅方案
这个方法简单实用,经过多个项目验证,能有效防止用户输入非法字符。如果你有更好的实现方式,欢迎在评论区交流!
2025-07-31 16:47:10
371
原创 过JavaScript实现图片强制下载功能,而不是另开浏览器预览才能下载
在Web开发中我们经常会遇到图片下载需求。但浏览器默认行为是打开图片预览而非直接下载,尤其在移动端表现尤为明显。本文将通过Vue组件形式,演示如何通过JavaScript实现图片强制下载功能,并支持自定义文件名。通过封装Vue组件的方式,我们实现了:✅ 图片强制下载功能✅ 自定义文件名支持✅ 跨平台兼容方案✅ 资源自动清理机制该组件已通过Chrome/Firefox/Edge/Safari主流浏览器测试,适用于电商商品图下载、电子发票保存等场景。建议结合后端鉴权机制使用,防止图片被恶意下载。
2025-07-15 18:12:42
566
原创 vue3纯前端分页Hook封装
使用场景:做页面时遇到后端接口不支持分页,接口一次性返回表格所有数据,而产品要求前端不能一次性展示,需要有分页功能。配合mdesign库的md-pagination组件,最终实现的效果如下。一、封装分页hook,创建useUserPagination.ts。二、页面的分页组件md-pagination中使用。
2024-02-02 14:33:32
677
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1