记录三:如何根据鼠标的点击去动态的改变显示的位置

929 阅读1分钟

通过获取的记录去进行展示,点击任意一个点,会动态的改变其显示的位置

image.png

蠢作者第一次想的方法很笨。因为是通过定位来展示,所以想在页面上动态的去给它设置left值和bottom值

<div :style="{left:leftR}+'px',{bottom:botR}+'px'"></div>

可是在写过之后,发现随着我每一次的点击,每个点显示的效果差强人意

于是方案二诞生:操作Dom 通过获取Dom元素,拿取每个点在页面上的位置,然后再赋值给显示样式的位置

image.png

这样就拿到了每个点的位置,且因点击的位置不同显示的位置也会相应不同