Vue3中实现锚点定位有哪两种方法？

本文共计865个文字，预计阅读时间需要4分钟。

目录+方法1：使用ref实现焦点定位+前端伪心理学+解决问题的方法

1.setup函数定义变量

2.动态获取ref并存储到eleRefs数组中

3.滚动到指定的ref位置

方法2：使用a标签实现焦点定位

目录

• 方法1： 利用ref实现锚点定位 前面的废话文学
• 解决问题的方法
• 1. setup函数内定义变量
• 2. 动态获取ref并存放到eleRefs数组当中
• 3. 滚动到特定的ref位置
• 方法2: 利用a标签实现锚点定位（滚动响应）
• 第二次的废话文学
• 解决问题的方法
• 2.滚动响应
• 总结

方法1： 利用ref实现锚点定位 前面的废话文学

说到锚点定位，很多人第一时间会想到 a标签。但是a标签实现的锚点定位并不是那么的完美，特别是在hash模式下。
对我而言，vue3的ref就实在是太完美了。