想要实现动画效果，需要动态获取 dom 元素的 margin-top 值。操作步骤如下：
确保 dom 元素已经渲染完毕
首先，需要确保目标元素已经在 mount 时渲染完毕。可以在 mounted() 钩子函数中进行操作。
立即学习“前端免费学习笔记（深入）”；
利用 composition api 获取值
以下示例展示了如何使用 composition api 获取 margin-top 值：
<div ref="targetdom"><pre class="brush:php;toolbar:false">// 这里不用传值，变量名要等于 ref const targetDom = ref<htmlelement>() function getMarginTop(): string { const styles = getComputedStyle(targetDom.value); return styles.getPropertyValue('marginTop'); }</htmlelement>
登录后复制
© 版权声明
文章版权归作者所有，未经允许请勿转载。
【小浪云服务商 - 服务器12元起 - 挂机宝5元起】
THE END
暂无评论内容