uniapp 记录注意事项

刺骨的言语ヽ痛彻心扉 2021-07-24 15:23 601阅读 0赞

### 1.uniapp无法使用js的dom节点操作拿到节点对象，也无法使用vue的ref语法拿到节点对象 ###

解决：使用uniapp的官方的api

uni.createSelectorQuery().selectViewport().scrollOffset(res => { 
      console.log("竖直滚动位置" + res.scrollTop);
    }).exec();
    
    let view = uni.createSelectorQuery().in(this).select(".test");
    
    view.fields({ 
      size: true,
      scrollOffset: true
    }, data => { 
      console.log("得到节点信息" + JSON.stringify(data));
      console.log("节点的宽为" + data.width);
    }).exec();
    
    view.boundingClientRect(data => { 
      console.log("得到布局位置信息" + JSON.stringify(data));
      console.log("节点离页面顶部的距离为" + data.top);
    }).exec();

我写的微信小程序用微信小程序的api

const query = wx.createSelectorQuery().in(this)
    query.selectAll('#tab-bar').boundingClientRect()
    query.exec(function (res) { 
    	console.log(res)
    })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70]: /images/20210724/d5e58e2233954537a52727e40f6354f9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，601人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL删除记录时的注意事项与实例

在MySQL中删除记录是一项常见的操作，但如果不小心或误解了某些规则，可能会导致数据丢失。以下是一些注意事项以及实例： 1. 检查表是否存在： ```sql SE

系统管理员/ 2025年01月09日 18:54/ 0 赞/ 30 阅读

相关 MySQL恢复删除记录：步骤详解及注意事项

在MySQL中，如果你不小心删除了记录，可以使用一些特定的工具或方法来进行恢复。以下是详细的步骤和注意事项： 1. **备份数据库**（最优先）：在删除记录之前，最好

电玩女神/ 2025年01月08日 01:45/ 0 赞/ 38 阅读

相关 Mysql随机记录获取注意事项

在随机获取数据库记录时。我们的sql语句一般都是确定的。因此对于使用了Mybatis的项目中来说，mysql的随机数据会被Mybatis缓存下来，因此导致每次Dao获取的数据都

￡神魔★判官ぃ/ 2023年06月18日 07:59/ 0 赞/ 46 阅读

相关使用Uniapp开发小程序注意事项

1. 在新增页面之后，需要重新运行小程序，才可生效，点击运行-运行到小程序模拟器-微信开发者工具 ![20210428105827332.png][] 未完待续

朱雀/ 2023年01月17日 08:47/ 0 赞/ 207 阅读

相关 8.(2)uniapp中v-for案例以及注意事项

<view>  <

蔚落/ 2022年11月17日 13:59/ 0 赞/ 205 阅读

相关 uniapp关于使用 Android 离线打包的注意事项

Android 离线打包文档地址： [https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android][https

梦里梦外;/ 2022年10月06日 05:58/ 0 赞/ 295 阅读

相关 Python 注意事项

[Python 注意事项][Python] 1、tuple：元组 a.元组一旦初始化就不可修改。不可修改意味着tuple更安全。如果可能，能用tuple代替list就尽

﹏ヽ暗。殇╰゛Y/ 2022年03月22日 10:40/ 0 赞/ 488 阅读

相关 uniapp微信登录注意事项（app端）

真机调试设置 1、manifest.json app模块权限配置选择oauth(登录鉴权) ![在这里插入图片描述][watermark_type_ZmFuZ3

本是古典何须时尚/ 2021年09月28日 03:46/ 0 赞/ 749 阅读

相关 uniapp 电商app vuex的处理方案及注意事项

vuex：组件间数据通信在电商app中，会有各种各样的广告，为了能够保证各个组件都能够调用广告信息，最简单的处理方式就是通过vuex； vuex的官方说法 Vue

拼搏现实的明天。/ 2021年07月25日 22:34/ 0 赞/ 725 阅读

相关 uniapp 记录注意事项

1.uniapp无法使用js的dom节点操作拿到节点对象，也无法使用vue的ref语法拿到节点对象解决：使用uniapp的官方的api uni.cre

刺骨的言语ヽ痛彻心扉/ 2021年07月24日 15:23/ 0 赞/ 602 阅读