uniapp里的mounted_uni-app自定义组件mounted无法获取节点信息

mounted:{

uni.createSelectorQuery().in(this).select(‘.class’).boundingClientRect(rect=>{

console.log(rect.width);

});

}

上面的参数变量rect一直为null,求助

答

这很可能还没渲染完成，容易出现一些状况。一般情况下我都是在methods:{}里封装，再在mounted:{}里跑，比如：

methods() {

xxx: function(e) {

uni.createSelectorQuery().in(this).select(‘.class’).boundingClientRect(rect=>{

console.log(rect.width);

});

}

mounted() {

this.xxx();

uni.createSelectorQuery().in(this).select(‘.search_bar’)

.boundingClientRect(rect => {

console.log(rect);

this.height = rect.height;

})

.exec();

uniapp里的mounted_uni-app自定义组件mounted无法获取节点信息相关推荐

uni-app获取节点信息
uni.createSelectorQuery() | uni-app官网使用这个API获取节点信息什么场景用到呢?我是在这样的情况下用到的. 我要展示的一块内容,被swiper包裹(当然这是我需 ...
uniapp使用微信小程序自定义组件
1.在根目录创建wxcomponents 2.将小程序组件原封不动的复制过来包含(wxml wxsss json js)四个文件,组件中的所有语法遵循小程序语法 3.在pages.json 中,添加 ...
uniapp 收货地址（自定义组件）
在开发过程中很容易会出现地址选择的问题,鄙人就是一枚受害者,想着本是一份静态的json|js 文件,ta奶的接口居然是三个,不得让前端小伙伴拍手连连叫好,刺激.太刺激了.有提供了摸鱼的时间,话不多说 ...
uniapp在安卓和IOS端 APP固定竖屏及获取设备信息
在项目文件App.vue 的 onLaunch 生命周期函数里添加调取hbuilder 5+APPJS 的方法 plus.screen 函数 plus.screen.lockOrientation( ...
vue 动态组件名_vue动态加载组件mounted无法获取dom的解决思路
有时我们在mouted方法中想通过id读取到一个dom元素,虽然官方并不推荐这种方法来操作dom.但难免有碰到这种情况,如下面一个dom元素试图在mouted中获取试图在nextick中获取结 ...
拦截手机app发起的请求，获取请求信息！调试必备！！！
最近在做Android接口调试,用postman发请求时总是报500空指针异常,获取不到请求的数据,我就在想是不是请求body没过去,后台接受不到,手机app是正常使用的.所以我就想到拦截手机的请求, ...
app vue 真机运行_uni-app黑魔法：小程序自定义组件运行到H5平台
引言移动互联网的初期,囿于设备硬件性能限制,流量以原生App为主,iOS.Android是当时两大平台. 随着硬件及OS的更新换代,H5可承载的体验逐步完善,为提高开发效率.节约资源(复用代码)以及 ...
微信小程序自定义组件/插件等解析
自定义组件从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程.所有自定义组件相关特性都需要基础库版本 1.6.3 或更高. 开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页 ...
微信小程序进度条组件自定义数字_微信小程序之圆形进度条（自定义组件）
前言昨天在微信小程序实现了圆形进度条,今天想把这个圆形进度条做成一个组件,方便以后直接拿来用. 根据官方文档自定义组件一步一步来创建自定义组遇新是直朋能到件第一步创建项遇新是直朋能到分览目结构 ...

uniapp里的mounted_uni-app自定义组件mounted无法获取节点信息

uniapp里的mounted_uni-app自定义组件mounted无法获取节点信息相关推荐

最新文章

热门文章