vue(uniapp中)无法获取元素的高度宽度等属性解决方法,mounted无法获取元素高度等, Cannot read property ‘offsetHeight‘ of undefined

请问你们是不是跟我一样,在mounted中无法获取到元素宽高,总是报未定义啥的,在评论区告诉我一下下呗,或许你们有更好的方法也请告诉一下,我大白一个,发文章也是为了对遇到同样问题的小伙伴有所帮助mounted() {console.log(this.$refs.height.offsetHeight)//Error in onLoad hook: "TypeError: Cannot read p

qq_35715551

4384人浏览 · 2021-09-01 00:19:46

qq_35715551 · 2021-09-01 00:19:46 发布

请问你们是不是跟我一样,在mounted中无法获取到元素宽高,总是报未定义啥的,在评论区告诉我一下下呗,或许你们有更好的方法也请告诉一下,我大白一个,发文章也是为了对遇到同样问题的小伙伴有所帮助

mounted() {
    console.log(this.$refs.height.offsetHeight) 
    //  Error in onLoad hook: "TypeError: Cannot read property 'offsetHeight' of undefined"
}

换成以下方法就解决了:

mounted() {
	let view = uni.createSelectorQuery().in(this).select("#linesid")
	view.fields({size: true},res => {
		    // console.log(res.height);
		    this.height = res.height
		    this.lineNum = res.height / 20
		    this.lineNum > 5 ? this.lineFlag = true: this.lineFlag=false
	    }
	).exec()
		
},

官方链接