VUE3 获取元素高度

<v-header ref="headerRef" />
<v-tags ref="tagsRef"></v-tags>import { ref, reactive, onMounted, watch } from 'vue'setup() {
let clientHeight = ref('') //浏览器可视区域高度
const headerRef = ref(null)const tagsRef = ref(null)
let slbHeight = ref('')onMounted(() => {clientHeight.value = `${document.documentElement.clientHeight}` //获取浏览器可视区域高度let headerHeight = headerRef.value.$el.clientHeightlet tagsHeight = tagsRef.value.$el.clientHeightslbHeight.value = clientHeight.value - headerHeight - tagsHeightwindow.onresize = function () {clientHeight.value = `${document.documentElement.clientHeight}` //获取浏览器可视区域高度let headerHeight = headerRef.value.$el.clientHeightlet tagsHeight = tagsRef.value.$el.clientHeightslbHeight.value = clientHeight.value - headerHeight - tagsHeight}})return {clientHeight,slbHeight,headerRef,tagsRef,}

VUE3 获取元素高度相关推荐

uniapp 获取图片的高度_uni-app获取元素高度等信息，并设置元素top信息
本文主要简介uni-app获取元素信息及设置信息等获取元素高度可查看官方文档 mounted() { const query = uni.createSelectorQuery().in(this ...
原生js——无法获取元素高度的的问题
原生js--无法获取元素高度的的问题今天遇到了xxx.style.width无法获取元素宽度的问题,原来一直没有注意到这个小细节: 1)如果width:150px:是写在 css 样式表(外链式)里 ...
原生js获取元素高度
原生js获取元素高度 <div id='container'></div> let dom = document.getElementById('contanier')dom. ...
uniapp获取元素高度
uniapp获取元素高度官方文档 mounted() {const query = uni.createSelectorQuery().in(this);query.select('#editor' ...
vue 获取元素高度
<div ref="elememt" > </div> //获取高度值 var height= this.$refs.text.offsetHeight; ...
css 获取元素高度,如何获取没有给出高度的元素的高度？
前言最近在工作中遇到了一个问题,某个需求需要获取元素的高度,就假定是div元素,但是呢因为div中元素的内容是不确定的,所以并没有给div设置高度,在获取高度时,我们首先会想到3中方法 1.div. ...
Vue.js 获取元素高度的方法【记录】
Vue.js获取下面div的height: <div ref="element"></div> 1.获取高度值:(内容高+padding+边框) let h ...
uniapp 获取元素高度
在 uniapp 中,你可以使用 wx.createSelectorQuery() 方法来获取元素的高度.首先,你需要在元素上添加唯一的 id,然后在你的 JavaScript 代码中使用以下代码来获 ...
vue获取元素高度的方法
vue获取元素的高度 <divref="getHeight"class="block"/> .block {width: 100px;height: ...

VUE3 获取元素高度

VUE3 获取元素高度相关推荐

最新文章

热门文章