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

目录

• vue3 获取元素高度不准
• 页面获取元素高度和$el问题

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

就可以获取到其高度。

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