vue获取盒子在浏览器的xy

如果你想要获取一个盒子在浏览器中的X、Y坐标，你可以使用Element.getBoundingClientRect()方法来获取该元素相对于视口的位置信息，然后加上滚动距离来计算其在页面中的位置。

例如，假设你有一个`div`元素，其ID为`my-box`，你可以使用以下代码获取该盒子在页面中的X、Y坐标：

const box = document.getElementById("my-box");
const rect = box.getBoundingClientRect(); // 获取相对于视口的位置信息
const scrollTop = window.pageYOffset || document.documentElement.scrollTop; // 获取滚动距离
const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft; // 获取滚动距离
const x = rect.left + scrollLeft; // 计算X坐标
const y = rect.top + scrollTop; // 计算Y坐标
console.log(`Box position: (${x}, ${y})`); // 打印盒子在页面中的坐标

注意，页面可能存在多个滚动容器，所以你需要计算每个容器的滚动距离来得到最终的坐标。