您现在的位置是：网站首页> 编程资料编程资料

vue3 获取元素高度不准的问题_vue.js_

2023-05-24 454人已围观

简介 vue3 获取元素高度不准的问题_vue.js_

vue3 获取元素高度不准

html：

               
              555          
                                 
const rightBox = ref(); let ztreeHeight = ref(0);   onMounted(() => {     watch(         () => state.dataSource,         () => {             nextTick(()=>{                $(document).ready(()=>{                    ztreeHeight.value = rightBox.value.$el.scrollHeight;                })             })           },     ); });

主要是动态数据请求回来之后获取元素的高度。 

页面获取元素高度和$el问题

1.最近遇到一个需求就是vue中遇到 this.refs.elForm.offsetHeight，获取不到该高度

2.然后通过了解才知道，该元素事elementui分装的元素，需要再获取的前提加一个$el(如果是html标签就不用加)

this.refs.elForm.$el.offsetHeight

就可以获取到其高度。

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。 

您可能感兴趣的文章:

上一篇：c++游戏教程使用easyx做出大飞机_vue.js_

下一篇：教你在vue 中使用 svg symbols_vue.js_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网