程序地带

vue 善用 this.$nextTick()


当获取页面某个元素 失败时,第一反应 就想想是不是 页面没加载完 就调用了,此时想到this.$nextTick()


例如如下 获取某个class的高度 


onLoad() {
//console.log('globalData', getApp().globalData);
this.result = getApp().globalData.zzreport;
this.$nextTick(function(){
this.getbaseHeight();
})
},
onShow(){},
methods: {
getbaseHeight(){
let that = this;
let view = uni.createSelectorQuery().select('.b-bqhg-str');
view.boundingClientRect(function(res) {
if(res){
//获取基本信息的高度=data.height
if(res.height >= 80){
that.isbaseShow = true;
}
}
}).exec();
},
}

 


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_37935725/article/details/111246204

随机推荐

window server 2012 R IIS 网站环境搭建

云服务器Windowsserver2012rIIS环境搭建虽然网上教程很多,但是自己还是记录一下吧1、首先打开服务管理器-添加角色和功能点开以后出现如下界面直接点击下一步,...

/乾坤未定/ 阅读(874)

2020年压力焊找答案及压力焊模拟试题

题库来源:安全生产模拟考试一点通公众号小程序2020年压力焊找答案及压力焊模拟试题,包含压力焊找答案答案和解析及压力焊模拟试题练习。由安全生产模拟考试一点通公众号结合国家压...

露露老师 阅读(387)

如何添加pwa网站到桌面

如何添加pwa网站到桌面

说明:本网站已支持pwa,PWA的全称是ProgressiveWebApp,翻译过来就是渐进式增强的网页应用。利用Web的技术给移动端的设备提供App的体验&...

心片 阅读(531)

微信小程序button按钮去边框

首先我们在小程序中用到的button按钮是有自己自带的边框的,如下图:我们在用不到这个边框的时候都会习惯性的给button按钮添加border:none;或者border:...

Right atrium 阅读(695)

BAT大厂都爱出的十道自动化测试面试题,看到就是赚到

BAT大厂都爱出的十道自动化测试面试题,看到就是赚到

前言“面试造航母,工作拧螺丝。”这句话在互联网行业可以说是很真实了,但作为面试官来说,大都时候的一场面试,并不是主要面你需要的岗位,而是看你掌握的能力把你安排到缺少的岗位因此初面的范畴都是很广的,什么...

阅读(788)

练习题:数组模拟栈数据结构

packagecom.javase.advanced.work02;/*1.栈可以存储java中任何引用类型的数据2.提供push方法压栈(栈满3.提供pop方法弹栈(栈空...

做只猫不也挺好的吗 阅读(266)

Mysql特点

Mysql特点1.MySQL是开源的,不需要支付额外的费用;2.支持大型系统的数据库。可以处理拥有上千万条记录的大型数据库;3.支持多线程,充分...

遅咲きの向日葵 阅读(995)