- 博客(8)
- 收藏
- 关注
RSS订阅原创 Vue实现左侧菜单锚点、右侧滑动
组件的数据包含activeName（当前激活的标签名）和tabs（一个包含多个标签页信息的对象数组）。mounted钩子函数中调用了bindScrollEvent方法，用于在组件挂载后绑定滚动事件。bindScrollEvent方法计算每个标签页内容区域的偏移量，并在滚动时更新activeName以反映当前滚动到的标签页。scrollToTabContent方法用于平滑滚动到指定的标签页内容区域。handleTabClick方法在点击标签时被调用，它更新activeName并滚动到相应的内容区域。
2024-04-28 17:47:43
412
原创 vue3 节流实现方法
在 Vue 3 中，节流（throttle）是一种常用的性能优化技术，用于限制函数在一定时间内只能执行一次。这在处理频繁触发的事件（如滚动、窗口尺寸变化等）时非常有用，可以避免不必要的计算和资源浪费。
2024-02-08 10:00:00
1191
原创 前端在WebSocket中加入Token
在WebSocket通信中加入Token主要是为了实现身份验证和授权，确保只有经过验证的用户可以建立WebSocket连接。由于WebSocket API本身不支持直接在连接时设置HTTP头部，因此需要采用一些变通的方法来传递Token。
2024-02-06 11:45:47
2289
原创 自定义Element Plus树形控件组件：实现全选功能与自定义样式
在Vue.js开发中，树形控件是常用的UI组件之一，用于展示具有层级结构的数据。本文将介绍如何使用Element UI库中的el-tree组件，并结合Vue 3的Composition API，实现一个具有全选功能的树形控件，同时自定义其样式以满足特定的设计需求。
2024-01-26 10:00:00
1088
原创 Options Api与Composition Api的区别？
Vue.js 的 Options API 和 Composition API 是两种不同的编写组件逻辑的方式，它们在 Vue 3 中被引入，以提供更灵活和强大的组件构建方法。下面是它们之间的主要区别：
2024-01-25 10:58:17
528
原创 Vue3生命周期和Vue2生命周期对比
Vue 3 中，setup()是组合式 API 的入口点，它在组件实例化之前执行。在这个钩子中，你可以定义响应式数据（通过ref、reactive、computed等）和方法。它取代了 Vue 2 中的beforeCreate和created钩子。在setup()中，你不需要手动创建this上的属性，因为它们是通过setup()返回的对象直接暴露给模板和子组件。
2024-01-24 17:06:20
514
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人