1、html <div ref="getheight"></div> <br><br> 2、JavaScript //获取高度值 (内容高+padding+边框) let height= this.$refs.getheight.offsetHeight; //获取元素样式值 (存在单位) let height = window.getComputedStyle(this.$refs.getheight).height; //获取元素内联样式值(非内联样式无法获取) let height = this.$refs.getheight.style.height; //注意:要在元素渲染出来才能获取元素的高度 实例: mounted(){ this.$nextTick(()=>{ //页面渲染完成后的回调 console.log(this.$refs.getheight.offsetHeight) }) }
vue 获取元素高度
免责声明:文章转载自《vue 获取元素高度》仅用于学习参考。如对内容有疑问,请及时联系本站处理。
上篇uniapp打包h5 出现'连接服务器超时,点击屏幕重试'的页面node.js下篇
宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=