微信小程序 mpvue 获取元素的高度

<div class="ex" id="ex">三行的高度，三行的高度，三行的高度，三行的高度，三行的高度，三行的高度，三行的高度</div>

mounted: function (){

　　//页面中直接调用

　　this.getElementHeight('#ex')

　　//组件中调用，我也不知道为什么要重新定义this

　　let _this = this

　　setTimeout(function(){

　　　　_this.getElementHeight('#tit'+_this.index)

　　}, 100) })

}

methods: {

　　// 获取指定元素实际宽度

　　getElementHeight(id = "") {

　　　　 let _query = wx.createSelectorQuery();

　　　　_query.select(id).boundingClientRect()

　　　　_query.exec((res) =>{

　　　　　　this.tHeight = res[0].height

　　　　 })

}

转载于:https://www.cnblogs.com/ch-zaizai/p/11447030.html

微信小程序 mpvue 获取元素的高度相关推荐

解决微信小程序的video元素层级太高无法遮盖问题
解决微信小程序的video元素层级太高无法遮盖和show-play-btn属性失效问题今天在项目中遇到了这个问题,需要在微信小程序中用视频作为背景,微信开发者工具中模拟的没问题,真机调试就发现vid ...
微信小程序后台获取签名，裁剪并上传图片至阿里云oss
微信小程序后台获取签名,裁剪并上传图片至阿里云oss 首先,设置微信开发者工具,选择校验合法域名,防止本地可应使用,线上报错问题: 其次,在微信公众平台–小程序开发,设置合法域名 Oss设置–> ...
微信小程序swiper图片尺寸_微信小程序 swiper 轮播图高度自适应
微信小程序 swiper 轮播图高度自适应发布时间:2018-07-20 15:34, 浏览次数:588 , 标签: swiper 小程序中使用swiper 组件 ,实现轮播图高度自适应效果. 先 ...
微信小程序之获取后台动态数据表格布局display:table
微信小程序之获取后台动态数据表格布局display:table 猿来独往 2018-09-02 本文没有采用flex布局和grid布局来设置表格的,而是通过 display: table;来设置. 一 ...
微信小程序批量获取input的输入值，监听输入框，数据同步
微信小程序批量获取input的输入值,监听输入框,数据同步在使用小程序时,跟vue的数据绑定不一样,没有v-model这个属性了,官网也只是给了一些事件监听. 但是我们如果有多个表单时,需要写多个事 ...
微信小程序之获取用户地址
在微信小程序中获取定位信息今天一整天基本上都在处理在微信小程序中获取准确地址,给出定位并给出所在城市的问题.经过走了半天弯路,现在总结一下所需要的步骤. 一. 先到腾讯位置服务中心获取KEY 通过小 ...
微信小程序制作——获取用户信息
微信小程序制作--获取用户信息 1.获取用户信息方式一 wxml <view bindtap="getUserName">获取当前用户名</view> j ...
php取微信名字和头像,微信小程序如何获取用户头像和昵称
本文介绍了微信小程序如何获取用户头像和昵称,分享给大家,具体如下: 代码user.wxml: {{userInfo.nickName}} user.js //sort.js //獲取應用實例 var ...
微信小程序最新获取头像以及昵称方法
微信小程序最新获取头像信息之前是使用open-dada获取微信头像和昵称,但是后面由于官网更新,此方法被收回了,所以不能使用此方法了. 之前方法代码: <open-data type=&quo ...

微信小程序 mpvue 获取元素的高度

微信小程序 mpvue 获取元素的高度相关推荐

最新文章

热门文章