vue如何获取div的宽度_vue获取dom元素高度的方法
获取DOM高度：
要在钩子mounted里面dom结构生成后去获取dom的高度，宽度，修改样式等操作(参照生命周期钩子mounted语法：https://cn.vuejs.org/v2/api/#mounted)
mounted() {
let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //浏览器高度
let topH = this.$refs.topInfo.offsetHeight;
console.log()
let tabH = this.$refs.tab.offsetHeight;
console.log()
let subH = this.$refs.subBtn.offsetHeight;
console.log()
let scrollHight = this.$refs.scroller.offsetHeight
this.height = (h - topH - tabH - subH) + "px"
//localStorage.setItem("access_token", 52ecda6ecb4a11e7bd2a00163e0891fd) //测试token
this.queryData(0)
let w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; //浏览器宽度
}
获取dom元素高度通过在标签里面定义ref属性ÿ
获取DOM高度： 要在钩子mounted里面dom结构生成后去获取dom的高度，宽度，修改样式等操作(参照生命周期钩子mounted语法：https://cn.vuejs.org/v2/api/#mounted) mounted() { let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //浏览器高度 let topH = this.$refs.topInfo.offsetHeight; console.log() let tabH = this.$refs.tab.offsetHeight; console.log() let subH = this.$refs.subBtn.offsetHeight; console.log() let scrollHight = this.$refs.scroller.offsetHeight this.height = (h - topH - tabH - subH) + "px" //localStorage.setItem("access_token", 52ecda6ecb4a11e7bd2a00163e0891fd) //测试token this.queryData(0) let w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; //浏览器宽度 } 获取dom元素高度通过在标签里面定义ref属性ÿ