微信小程序创建节点选择器获取宽高wx createSelectorQuery
2019-04-23 15:07
501 查看
微信小程序提供了一个获取节点宽高等信息的方法,一共是两步。
1.在对应的节点上定义一个id
<image src='{{imgUrl}}' class="look-image" bindload="imageLoad" id="drawID"></image>
- 1
onLoad: function (options) { var _this=this; //创建节点选择器 var query = wx.createSelectorQuery(); //选择id query.select('#drawID').boundingClientRect() query.exec(function (res) { //res就是 该元素的信息 数组 console.log(res); //取高度 _this.setData({ realWidth: res[0].width, realHeight: res[0].height }) console.log('取高度', _this.data.realHeight); }) }
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
相关文章推荐
- 微信小程序节点查询方法:wx.createSelectorQuery()的使用场景与注意事项
- 微信小程序创建节点选择器获取宽高wx.createSelectorQuery
- JS原生属性选择器querySelector----通过href属性获取对应a标签的Dom元素
- 微信小程序创建之获取地理位置并跳转腾讯地图
- 微信小程序实现动态获取元素宽高的方法分析
- 微信 小程序 drawImage wx.canvasToTempFilePath wx.saveFile 获取设备宽高 尺寸问题
- 【微信小程序】获取view等组件的高度等信息(获取节点信息)
- 使用Angular4+kendo ui for Angular+ webapi+sqlserver创建一个简单的省市选择程序(三)
- 微信小程序之获取验证码js
- 微信小程序获取input里面的内容
- 微信小程序:获取用户基本信息
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序如何获取屏幕宽度
- [置顶] TP框架集成微信小程序getPhoneNumber获取手机号功能
- 微信公众号获取openId(微信小程序)
- 微信小程序获取当前时间
- 微信小程序之获取当前位置经纬度以及地图显示详解
- [翻译]创建异步的HTTP处理程序(Create an Asynchronous HTTP Handler)
- Ztree树的复选框和获取选择的节点实例和代码
- 微信小程序例子——获取客户端小程序设置