vue handleMouseEnter如何获取本当前标签相对于父标签的top和left
时间: 2024-02-21 10:59:50 浏览: 40
Vue实现导航栏点击当前标签变色功能
5星 · 资源好评率100%
你可以使用 `getBoundingClientRect()` 方法来获取当前标签相对于父标签的位置。
示例代码如下:
```javascript
handleMouseEnter() {
// 获取当前标签相对于父标签的位置
const rect = this.$refs.myElement.getBoundingClientRect();
const top = rect.top;
const left = rect.left;
console.log('top:', top, 'left:', left);
}
```
其中,`$refs.myElement` 是你要获取位置的标签的引用,可以根据你的实际情况进行修改。获取到位置之后,你可以将其存储在 `data` 中,以便在其他地方使用。
阅读全文