正文
微信小程序获取高宽uniapp
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
代码片段
<template>
<view>
<view class="text" id="w">补充文字</view>
</view>
</template>
<script>
export default {
mounted() {
let query=wx.createSelectorQuery(); //创建节点查询器
query.select("#w").boundingClientRect(); //获取节点位置信息的查询请求
query.exec((res) => {
console.log(res[0])//获取的内容
// id: "w"
// left: 0
// right: 64
// top: 0
// bottom: 21
// width: 64
// height: 21
})
}
}
</script>
<style lang="scss" scoped>
.text{
white-space: nowrap;
display: inline-block;
}
</style>
