微信小程序创建节点选择器获取宽高wx.createSelectorQuery

微信小程序提供了一个获取节点宽高等信息的方法，一共是两步。
1.在对应的节点上定义一个id

<image src='{{imgUrl}}' class="look-image"  bindload="imageLoad" id="drawID"></image>

2.在js里面创建这个id的节点选择器

onLoad: function (options) {var _this=this;//创建节点选择器var query = wx.createSelectorQuery();//选择idquery.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);})}

通过这两步就可以获取相应的一些信息了。

微信小程序创建节点选择器获取宽高wx.createSelectorQuery相关推荐

微信小程序之picker选择器获取值得两种方法
想要实现的效果: 在选择器选择合适的选项后,页面显示所选择的内容第一种方法: //wxml页面 <picker bindchange="PickerChange" valu ...
微信小程序的轮播图宽高
https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
uni-app 微信小程序用高德sdk获取地理位置，以及天气信息
uni-app 微信小程序采用高德sdk获取地理位置和天气信息主要有以下几个步骤: 1. 注册高德开发者,并获取应用key 概述-微信小程序插件 | 高德地图API 在这个网页最下面,按步骤来就可以了 ...
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
uniapp微信小程序授权登录和获取微信绑定的手机号码
uniapp微信小程序授权登录和获取微信绑定的手机号码弹出授权的弹框 <view class="weixinOk" @tap="getUserProfile&qu ...
微信小程序使用百度api获取天气信息 —— 微信小程序教程系列（16）
之前已经介绍过,如何使用百度地图api来获取地理位置信息微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...
【微信小程序/实现】实现获取微信个人信息
[微信小程序/实现]实现获取微信个人信息一.目的:实现获取微信个人的昵称和头像二.页面过程三.实现过程 (1)核心代码: (2)完整代码 1. wxml代码 2. wxss代码 3. js代码 ...
微信小程序学习9：获取用户信息进行登录操作 wx.getUserProfile
微信小程序学习9:获取用户信息进行登录操作wx.getUserProfile 2021年4月份左右微信对获取用户的API进行了更改.使用wx.getUserInfo只能获取用户的匿名信息. 要获取用户 ...
公司企业微信小程序创建步骤
随着新一代互联网的发展,小程序已经成为当今社会不可或缺的重要部分.它的简单易用,公司企业小程序是一种基于微信平台构建的应用程序,旨在为企业提供灵活便捷的营销服务.关于公司企业微信小程序创建步骤,可分为 ...

微信小程序创建节点选择器获取宽高wx.createSelectorQuery

微信小程序创建节点选择器获取宽高wx.createSelectorQuery相关推荐

最新文章

热门文章