uniapp解决在nvue不能获取节点信息得问题

最新推荐文章于 2024-04-26 10:59:03 发布

原创最新推荐文章于 2024-04-26 10:59:03 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

uniapp 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何在NVUE应用中使用Weex dom模块来获取组件Rect，并通过$emit触发事件，具体展示了通过getComponentRect方法获取组件高度并传递给父组件的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 // #ifdef APP-NVUE  
	  const dom = weex.requireModule('dom')  
// #endif

 const result = dom.getComponentRect(this.$refs.examplebody, option => {  
		console.log('getComponentRect:', option)  
		this.$emit("getNavTab",option.size.height)
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_49609366

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uniapp [全端兼容] - 详细实现人脸识别和活体检测功能，实时监测人脸是否进入区域及动作是否正确播报，免费自动提示引导动作及语音，提供提供实名认证、身份证识别、人脸信息采集、刷脸扫脸认证示例代码

资深程序员

07-05

1万+

uniapp，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，人脸识别，扫脸认证，人脸认证，活体认证，身份认证，uni-app人脸识别详细教程，如何在app端实现免费人脸识别教程，如何在小程序端做，最好用的插件，安卓ios百度人脸识别、活体检测、人脸采集APP，H5人脸识别带前后摄像头，适合新手看的人脸识别功能教程，详细示例代码源码，有没有免费的，接入百度，阿里云人脸识别，百度，api，活体检测，数据采集，动作提示指引，语音提示指引，报错，无法核验一直出错，根本用

高级前端工程师

03-27

6669

使用uniapp实现全局悬浮按钮(可拖动)，uni-app 微信小程序实现全屏悬浮按钮可拖动,自动吸附边缘，uni-app悬浮(拖动)按钮组件，关于uniapp的拖动悬浮球，uniapp 实现悬浮球拖拽，uniapp vue H5悬浮在页面之上可随手指拖动组件，uniapp实现界面可任意拖动小图标，uniapp 悬浮球拖拽加回弹效果，uniapp全局可拖动悬浮球，uniapp小程序悬浮按钮，uniapp-movable 可拖动悬浮球，uniapp--悬浮可拖动按钮-实现思路，uniapp怎么实现一个悬浮按钮

2 条评论您还未登录，请先登录后发表或查看评论

nvue 获取节点DOM信息，应用简单的bindingX动画实例

u010589442的博客

07-03

2581

用weex的DOM模块和BindingX获取节点信息并制作动画效果下方实例是用了uniapp的uni-nav-bar 组件（uniapp编译模式），控制下划线移动的动画效果 <template> <view> <uni-nav-bar :statusBar="true" :fixed="true" class="w-100" :border="false"> <view slot='left' class="pl-2" @c

实现uniapp webview与html通信的问题（webview发消息到uniapp，uniapp发消息到webview）

nhfc99的专栏

12-29

2720

实现uniapp webview与html通信的问题（webview发消息到uniapp，uniapp发消息到webview） html文件 <html> <head> <title>测试数据</title> <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-ap...

uniapp Vue获取节点信息并封装成方法使用，NVue获取节点信息

最新发布

m0_66939000的博客

04-26

912

uniapp vue nvue 获取节点信息

getComponent 获取不到指定节点的问题

06-03

2868

遇到一个获取其它getComponent节点为null的问题，特别记录下。问题场景如下： 1、有一个Node名为map,绑定了脚本Map.ts. 2、另一个Node名为player,绑定了脚本Player.ts,脚本中有一个mapNode的节点，通过编辑器完成赋值。 3、在Player脚本中通过mapNode.getComponent('map');获取到的值为空。问题：mapNode.getComponent('Map');大小写的问题，即如果该节点绑定了脚本，则传参应当与脚本名一致的。...

uni-app获取节点信息

Bright2017的博客

11-20

5430

必须是在onReady() 之后才能获取 let info = uni.createSelectorQuery().select(".类名"); info.boundingClientRect(function(data) { console.log(data); // 获取元素信息 }).exec() uni-app官网：https://uniapp.dcloud.io/ap...

uniapp小程序vue2开发，传值event接收找不到this

weixin_61570458的博客

07-06

386

【代码】uniapp小程序vue2开发，传值event接收找不到this。

uniapp聊天页nvue开发踩坑记录

RJ0024的博客

07-08

822

由于前段时间开发出来的vue版本的聊天页，性能、用户体验等方面十分不尽人意，故开启了新的征途，nvue版本聊天页的开发。痛点一、进入页面保持在最底部这次重构nvue版本的聊天页，使用了标新立异的渲染方式。众所周知，前端渲染页面都是由上而下渲染的，那么如果需要进入页面的时候，便保持在页面的最底部，就需要等待页面渲染完毕后跳转至最底部。这样的渲染方式就会导致在进入页面时，用户能很明显的感受到页面抖动了一下（可能多次）。所以此次重构，博主选择将整个页面旋转180度，原本的最顶部，变成了页面的最底部，进入页面

uniapp vue3 中获取nvue节点

06-20

在Uniapp Vue3中获取nvue节点可以使用`uni.createSelectorQuery()`方法来获取节点信息，这个方法可以获取到nvue节点的一些信息，如位置、大小等。代码示例： ```vue <view ref="nview" class="nview"></view> ...

uni-app:从运行原理上面解决性能优化问题

01-27

【uni-app】是一款多端开发框架，它允许开发者编写一次代码，就能运行在iOS、Android、Web等不同平台上。然而，由于其非原生的特性，可能会遇到性能问题，这在React Native、Flutter等框架中也同样存在。本文将探讨...

uniapp createSelectorQuery()方法获取不到节点问题

云雨之石的博客

03-10

3632

uniapp createSelectorQuery()方法获取不到节点问题

uni-app请求后台接收不到参数

qq_23859799的博客

09-10

4573

uni-app请求后台接收不到参数解决办法

uniapp中在onload用this.$refs获取不到值

m0_72822997的博客

03-19

1893

解决办法：在onReady中调用this.$refs。onReady页面初次渲染时触发，此时Dom已经渲染完成，因此this.$refs可以正确获取到Dom或组件的引用。原因：因为onload是在页面加载时触发，此时可能Dom还未完全渲染，因此this.$refs可能还无法正确获取到Dom或组件的引用。

uni-app nvue vue3 setup中实现加载webview,解决nvue中获取不到webview实例的问题

九段刀客的博客

02-24

1981

注意下面的方法只能在app端使用，

uni-app项目封装弹出层组件时遇到的问题

wwwwj的博客

09-16

318

一般打开弹出层是获取弹出层的ref实例后通过open()打开，但是这里如果用这种方法，即使行得通，也比较麻烦，因为要先获取弹出层组件的实例，通过实例对象再获取组件内部的ref的open方法，因此这里我通过一个变量来控制弹出层是否打开，在组件内部监听该变量的值，为true时打开弹出层。这样写对于订单详情页的取消订单事件是可以实现的，但对于订单列表页，就会出现问题。因为订单列表页设计到多个订单状态列表的显示，每个状态的列表是个封装好的组件，将取消订单弹框放在其中就会出现一个问题：每次点击按钮五个列表都会出现弹框

uni-app获取元素具体位置获取失败

weixin_45534301的博客

09-18

816

uni-app获取元素位置失败

uni-app获取DOM元素