下面这段代码我打印出来的为空,原因是赋值之前就打印了,所以如果需要操作数据的话,用computed

const query = uni.createSelectorQuery().in(this);
query.select('#bg-img').boundingClientRect(data => {this.f_info = data;
}).exec();
console.log(this.f_info); //获取到的为空

正确示范:

const query = uni.createSelectorQuery().in(this);
query.select('#bg-img').boundingClientRect(data => {this.f_info = data;
}).exec();
computed:{// 设置谚语的位置heightSet: function(){return this.f_info.height-20;}
},

uni-app 小程序获取dom信息相关推荐

  1. 微信小程序获取dom信息

    微信小程序获取dom信息 我这里用来计算高度用 onShow(){var that=this;//获取元素var query = wx.createSelectorQuery();//获取内容高度qu ...

  2. uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”

    本文同步发布在:uni-app 微信小程序获取位置信息提示"getLocation 需要在 app.json 中申明 permission 字段 我们在用 uni-app 开发微信小程序时, ...

  3. 微信小程序获取用户信息(纯前端)

    特别说明 2022年10月25日起,小程序 wx.getUserProfile 接口将被收回. 微信官方不希望开发者直接拿用户的昵称和头像,若小程序需要设置昵称和头像,可以单独开发一个设置页,由用户手 ...

  4. 微信小程序获取用户信息

    微信小程序获取用户信息 微信小程序获取用户信息接口做了调整: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像.昵称.性别与地区),将直接获 ...

  5. 小程序获取用户信息的两种方法

    小程序获取用户信息的两种方法 第一种使用 getUserProfile 代码示例 第二种使用 头像昵称填写 相信大家之前也经常使用open-data获取用户的头像和昵称吧,但微信的这个改编意味着我们要 ...

  6. 小程序获取用户信息无法得到问题

    小程序获取用户信息无法得到问题 1.前言 因为小程序是由js代码编写的,我js学得不是特别的好,所以,刚开始以为js跟java一行,一行一行的执行,后面才发现,完全不是,所以有时候,我们在获取用户信息 ...

  7. 小程序 获取用户信息

    小程序获取用户信息 1.先判断是否授权 wx.getSetting({ success: (data) => { console.log(data); if (data.authSetting[ ...

  8. 小程序获取设备信息以及实现短信验证码登录

    1.微信小程序 获取设备信息 API实例详解 https://www.jb51.net/article/93994.htm 2.微信小程序发送短信验证码完整实例 https://blog.csdn.n ...

  9. 微信小程序 获取用户信息并保存登录状态

    微信小程序 获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...

最新文章

  1. ⑥python模块初识、pyc和PyCodeObject
  2. 谷歌论文:使用深度强化学习的芯片布局
  3. react 执行 yarn build 页面无法显示
  4. Android中解析XML---数据存储
  5. mysql伪表 dual_Oracle系列:(5)select子句
  6. 2021高考成绩答题卡查询,明天用的2021高考答题卡,提前瞅一眼
  7. 物 理 学 简 介(三)
  8. 【虚拟机VMWare15使用】给虚拟机硬盘添加还原卡//使用物理磁盘做虚拟硬盘
  9. shell脚本中source和expert的简单理解
  10. Pr 入门教程如何减少音频中的噪音和混响?
  11. Android亮度调节
  12. 华为、中兴短信网关最新3.0协议封装代码说明
  13. 上帝视角看区块链项目
  14. SSL 域名证书 安装指引
  15. Win7 64位中MinGW和MSYS的安装
  16. SkyLight 添加LightingChannelMask功能
  17. bot机器人账号八大类特征分析---识别问题账号
  18. CentOS8搭建FTP服务器
  19. ChinaSoft 论坛巡礼 | 程序设计教育论坛
  20. 2022-2028全球与中国DevOps工具市场现状及未来发展趋势

热门文章

  1. API 驱动的程序员弑神之路(一)
  2. 专访阿里云闵万里:云上逐鹿,ET大脑要做行业化、垂直化的创新运用
  3. 红米k40怎样开启NFC步骤分享
  4. 【教程】UE4模拟火箭弹
  5. 用python制作水仙花
  6. NC14743 qwb的骚扰
  7. 数字集成电路第三章(反相器)
  8. RISC-V Tools编译安装三部曲之一
  9. 【电商】电商后台设计—促销模块(下)
  10. 数据去重方法python_Python统计文件中去重后uuid个数的方法