uniapp 动态获取元素高度
//设置mescroll的高度setTimeout(()=>{constquery = uni.createSelectorQuery().in(this)query.select('.plane-once').boundingClientRect(data=>{console.log('.plane-once',data);uni.getSystemInfo({success:(re
·
vue页面获取元素,
app端推荐(这个也兼容H5)
//设置mescroll的高度
setTimeout(()=>{
const query = uni.createSelectorQuery().in(this)
query.select('.plane-once').boundingClientRect(data=>{
console.log('.plane-once',data);
uni.getSystemInfo({
success:(res) => {
//当前组件的高 data.height
let uselyHeight = Math.ceil((data.height / res.windowHeight) * 100 ) ;
this.listHeight = 100 - uselyHeight;
this.listHeight = this.listHeight + '%';
console.log('listHeight',this.listHeight);
//重新渲染组件 动态设置height 需要重新渲染
this.scrollShow = false;
this.$nextTick(() => {
this.scrollShow = true;
})
}
})
}).exec()
},400)
H5使用 : this.$refs.$el
nvue页面获取dom元素高度
H5端使用:
1.this.$refs.name
app端使用:
这种方式 ,对于内部子元素多的情况下,无法很好的获取
2.使用weex
const dom = weex.requireModule('dom');
dom.getComponentRect(this.$refs.leftMenu,option => {
console.log(option.size.height);
this.rightMenuHeight = option.size.height
})
更多推荐
已为社区贡献2条内容
所有评论(0)