Vue
文章平均质量分 81
go圈JS分享者
不定期分享实战业务代码
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue-cli迁移Rsbuild
Vue-cli迁移Rsbuild原创 2025-04-17 14:46:19 · 742 阅读 · 0 评论 -
Vue3+TypeScript实现message组件
这个封装的消息提示组件为你的 Vue 项目提供了灵活的消息弹出功能,支持不同类型的消息显示、自动关闭、手动关闭等功能。通过全局管理消息实例,我们避免了频繁的 DOM 操作,同时也保持了 Vue 组件的良好架构。如果需要扩展功能,可以继续优化此组件,加入更多的配置选项或动画效果。原创 2024-11-13 22:56:17 · 1443 阅读 · 1 评论 -
Vue3+TypeScript实现锚点组件
这个 Vue 3 锚点导航组件提供了一种便捷的方式来实现页面内的快速导航。它能够在页面滚动时动态高亮显示当前所在章节,并且支持嵌套的子目录项。监听滚动事件并根据滚动位置更新锚点高亮。使用offsetTop获取锚点的相对位置。使用 CSS 和 Vue 动态更新样式,确保用户体验。通过这个组件,用户可以在长篇文章中轻松地跳转到指定章节,提高了页面的可用性和导航体验。原创 2024-11-13 23:02:32 · 663 阅读 · 0 评论 -
Vue 3 + TypeScript 模态框组件实现
在这篇文章中,我们展示了如何使用 Vue 3 和 TypeScript 构建一个模态框组件。通过使用props和emit,我们能够实现灵活的数据传递和事件处理,并且通过样式设计让模态框在页面中以美观的方式展现。原创 2024-10-18 15:08:15 · 746 阅读 · 0 评论 -
使用 Vue 3 的 useDataFetch 钩子函数实现分页数据获取
是一个功能强大且灵活的分页数据获取钩子,它封装了从 API 获取数据的逻辑,并且支持分页和排序。同时,使用 Vue 3 的reactiveAPI 实现了状态管理,确保在数据获取过程中能够实时响应并更新视图。通过这个钩子函数,开发者可以轻松复用分页数据获取的逻辑,避免在每个组件中重复编写类似的代码,并能在需要时根据实际需求进行扩展。你可以在项目中根据实际 API 的结构和返回格式,进一步修改该钩子函数的实现。原创 2024-10-14 08:54:48 · 1373 阅读 · 0 评论
分享