uni.createSelectorQuery()获取节点高度不准确的解决办法

这篇具有很好参考价值的文章主要介绍了uni.createSelectorQuery()获取节点高度不准确的解决办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

let query = uni.createSelectorQuery().select('#content');  
        query.boundingClientRect(function(data) {  
                console.log("节点高为"+" : "+data.height);  
                _this.contentHeight = data.height;  
            })  
            .exec();  

如果要获取的内容区域的高度不固定,当数据发生更新的时候,内容区域的高度发生了变化,这时候获取到的值就会不准确,这时需要通过v-if判断后即可获取正常高度。

uni.createSelectorQuery()获取节点高度不准确的解决办法

文章来源地址https://www.toymoban.com/news/detail-505390.html

到了这里,关于uni.createSelectorQuery()获取节点高度不准确的解决办法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序(四) 节点查询 | wx.createSelectorQuery

    先看官方文档给出的说明 查 询 节 点 信 息 的 对 象 , 返 回 一 个 S e l e c t o r Q u e r y 对 象 实 例 color{#9a2323}{查询节点信息的对象,返回一个 SelectorQuery 对象实例} 查 询 节 点 信 息 的 对 象 , 返 回 一 个 S e l e c t o r Q u e r y 对 象 实 例 拿到实例后再看上边挂载的方法 Select

    2024年02月11日
    浏览(33)
  • 在uniapp中获取到节点的位置信息等(高度、宽度、left、right、top、bottom等)

    在uniapp中我们有时候也会用到获取节点信息等操作,那么我们根据官方文档可以进行查阅,可以使用 uni.createSelectorQuery()进行操作 返回一个 SelectorQuery 对象实例。可以在这个实例上使用 select 等方法选择节点,并使用 boundingClientRect 等方法选择需要查询的信息。 Tips: 使用 uni

    2024年02月12日
    浏览(29)
  • elementPlus dialog组件设置可拖动,当内容高度大于视口高度拖动显示异常的解决办法

    elementPlus UI的dialog弹框组件在设置了draggable属性后就可拖动弹框,但是当弹框的内容高度大于视口高度时去拖动弹框就会出现显示问题。 去node_modules下面找到element-plus文件夹,按照以下路径修改onMousemove函数, 如下: 保存之后删除node_modules-.vite文件夹下的deps文件夹,然后重

    2024年02月15日
    浏览(30)
  • uniapp小程序vue3获取dom实例createSelectorQuery

    需求,在页面中,有时需要获取渲染组件的长宽信息,可以使用 select 选择器进行查询,直接上代码如下:

    2024年02月16日
    浏览(38)
  • 解决vue3+echarts关于无法获取dom宽度和高度的问题

    近期写vue3项目,很多地方都用到了echarts,刚开始写的时候,发现图一直出不来,报错/报警内容一般有两项: Uncaught (in promise) Error: Initialize failed: invalid dom. vue3 [ECharts] Can’t get DOM width or height. 分别解释一下这俩报错 第一个报错是在初始化echarts的时候,没有找到对应的dom元素

    2024年02月14日
    浏览(30)
  • HADOOP 启动后没有datanode解决办法(适用于所有节点datanode)

    解决方法: 1.首先停止集群 stop-dfs.sh stop-yarn.sh  2.切换到各节点hadoop解压包目录下的tmp目录,删除目录下所有文件 rm -rf * 3.格式化文件 在主节点hadoop01主节点上进行格式化操作,命令如下: hdfs namenode -format 4.测试集群datanode是否启动  

    2024年02月11日
    浏览(30)
  • uni-app的nvue文件国际化不翻译问题解决办法

    官网上的nvue国际化方式介绍的实在是太简单了,记得要引入下message文件,还要用uni.setLocale()设置下,但是不管我怎么引入都会报错。 所以我直接把文件拿过来了,通过对象的方式去取。 完美解决!

    2024年02月11日
    浏览(26)
  • uniapp onLoad生命周期 uni.$on接受参数无法改变data数据解决办法

    问题阐述: 用以上写法来跨页面传参会发现在b页面,虽然能够接受到参数但是赋值到data时候没生效,虽然控制台能够打印出数据,但是页面上面并不会动态改变。用setTimeout包裹也没有用 如果想要用$emit和 $on来跨页面传参,只适合以下情况 如果想要实现a-b传值可以这样

    2024年02月10日
    浏览(31)
  • uni.getLocation和wx.getFuzzyLocatio解决获取不到位置 。

    uni.getLocation(OBJECT) | uni-app官网 地理位置接口新增与相关流程调整 | 微信开放社区 全局配置 | 微信开放文档 官方说明 1.微信开发者工具必须默认装C盘1/   2.检查代码支持基本库问题越低越好 3.wx.getFuzzyLocation使用步骤 wx.getFuzzyLocation({             type: \\\'wgs84\\\',             suc

    2024年02月14日
    浏览(32)
  • 解决uni-app小程序获取路由及路由参数

    在uni-appH5端可以获得当前页面的路由及参数,但是小程序里面就开始报错: 代码: 在小程序中报的错误: 解决方案: Thank you for reading, your likes and favorites are the biggest motivation for my creation

    2024年02月11日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包