Vue 3 中如何动态获取元素的 margin-top 值？

如何在 vue 3 中动态获取元素的 margin-top 值？

在 vue 3 中，动态获取 dom 元素的 margin-top 值非常简单。但是需要注意的是，在获取时，目标元素必须已经渲染完毕。

使用 composition api，可以这样实现：

<div ref="targetdom"></div>

// 这里不传值，变量名要等于 ref
const targetDom = ref<htmlelement>()

function getMarginTop(): string {
  const styles = getComputedStyle(targetDom.value);
  return styles.getPropertyValue('marginTop');
}</htmlelement>

以上就是Vue 3 中如何动态获取元素的 margin-top 值？的详细内容，更多请关注其它相关文章！