关于Uniapp 中的ref 获取组价对象

最新推荐文章于 2024-07-17 13:21:23 发布
最新推荐文章于 2024-07-17 13:21:23 发布
阅读量1.8k 收藏
点赞数
文章标签： javascript vue.js webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/caizhihong/article/details/122810340
版权
在uniapp中遇到动态绑定ref如'video'+index无法获取组件对象的情况，可能的原因是动态生成的ref没有正确引用到对应的组件实例。解决办法包括使用this.$refs.video[index]的方式或者在nextTick中获取。确保在组件渲染完成后再进行操作。
摘要由CSDN通过智能技术生成

通常在uniapp 中需要获取组件对象,一般 ref ,但是貌似只能进行静态绑定例如ref = "videoID"

,如果使用动态绑定ref = "'video' + index"获取不到组件对象,有谁知道是什么原因吗?

caizhihong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp 的ref属性、修改数组里面的对象值
qq_50563868的博客
08-21 4575
ref、修改数组值
vue3中怎么使用ref获取原生dom元素、组件对象
yezi153的博客
12-07 1716
使用ref来获取原生dom的四部曲
如何在uniapp-vue3版本中使用ref
Q10_01Q的博客
02-03 3640
如何在uniapp-vue3版本中使用ref
uniapp 获取自定义组件的高度
最新发布
清音的博客
07-17 696
在 UniApp 中，要获取自定义组件的高度，可以使用。执行查询操作，并在回调函数中获取自定义组件的高度。是自定义组件的类名，根据实际情况进行调整。首先，在父组件的代码中，给自定义组件添加一个。用于获取该节点的位置和尺寸信息。用于指定查询的节点为自定义组件（通过。用于选择自定义组件的类名为。
uni——$ref
努力、拼搏、奋进
12-05 367
uni——$ref
uniapp通过v-for动态绑定ref踩坑记录
weixin_44623514的博客
11-26 1431
入职公司4个月了刚开发完一个reac框架的后台管理的子模块后，在两周前又加入了uniapp架子开发同时兼容mpass端和微信小程序项目，最近有一个功能的实现让我很头疼，这个踩坑是它的子问题，我需要通过v-for 遍历子组件并且给子组件动态绑定ref,目的是在父组件中直接可以触发子组件的事件，但发现通过v-for 动态绑定ref有时无法拿到子组件dom,##uniapp通过动态绑定子组件ref踩坑纪录，
uni - app 内置组件
qq_25906119的博客
01-31 408
uni-app 内置组件学习
uniapp 在父组件中使用ref属性调用子组件中的方法 报错undefined
m0_58135258的博客
09-20 1544
uniapp 在父组件中使用ref属性调用子组件中的方法 报错undefined
uniapp 定义ref 可以获取获取到元素的位置吗？
05-05
在使用 `uniapp` 中的 `ref` 定义元素时，可以通过 `this.$refs` 来获取到该元素的 `DOM` 对象，然后可以使用 `getBoundingClientRect()` 方法来获取该元素的位置信息，例如： ```html <view ref="myElement"> ...
uniapp 微信小程序this.$refs返回空对象，这个是因为uniapp的ref属性不能用在uniapp的内置组件上面，只能用在自定义组件上面
qq_42859450的博客
02-23 7706
<template> <view class="pl24 pr24 fz30" @click="click" ref="test"> <evaluate/> </view> </template> <script> import evaluate from "./cancelOrder.vue" export default{ components:{evaluate}, methods: { click(){
uniapp使用renderjs获取dom对象
06-02
在uni-app中，使用renderjs获取DOM对象的步骤与在普通的Web应用中类似，但需要注意一些细节。 以下是使用renderjs获取DOM对象的步骤： 1. 在uni-app项目中安装renderjs库。 2. 在需要使用renderjs的页面中引入...
uni-app学习笔记之ref
紫微斗数学习交流
12-28 473
ref //ref // <div class="content" ref="btn"> console.log(this.$refs.btn.constructor);
记录uniapp无法获取$ref中的值
javaltt的博客
08-18 2651
记录uniapp无法获取$ref中的值
uniapp使用vue3的ref获取dom元素出现undefined
12-14 2721
小程序中，uniapp的ref要绑定在子组件中才能被获取，如果绑定在view，是获取不了的，你得把业务写在一个组件来引用才行。h5则没有这种情况。
uniapp中不能使用$ref
EEstefan的博客
05-02 3836
unipp中不能使用$ref 有一个需求，v-for遍历出来的元素要加一个唯一的标识。当点击其中一个时，改变被点击元素的样式。 我打算用ref加上 :key 绑定的值来做标识，但是当我打印的时候，显示的是undefined。 在这里，我绑定ref 用 内层循环 :key 绑定的 i 和外层循环 :key绑定的 x 一起作为唯一标识。但是并没有用，请看下图。 在这里我打印了 “this.$refs” 并没有找到。 解决方法 使用组件 从打印出来的 “this.refs"中可以看到，里面其实是有东西的 这些
uni-app开发中 this.$refs 用不了
热门推荐
m0_50015961的博客
01-04 2万+
"this.$refs.xxxx"调用子组件无效的可能原因 1. ref绑定的对象是否正确 <templete> <view ref="child"></view> </templete> <script> export default { onLoad(){ // 会报 "child is undefined" 的问题 console.log(this.$refs.child) } } </script>
关于uni-app使用v-for绑定动态ref后无法获取的解决办法
温壁
12-10 3057
上述代码的打印结果为一个空对象，即表示并没有获取到动态的ref元素，但如果我们将动态的ref改成静态写死的ref，又能够获取得到，所以我们可以排除是兼容性的问题，而考虑是界面元素渲染的时间问题，我们可以加上一个延迟获取。此时我们能够正确获取到所有的ref元素，得出结论就是，元素渲染需要时间，我们必须得等它渲染完成后才能进行获取ref，否则将获取不到，至于延迟多少，看自己的业务情况，这里只是给出问题所在及对应的解决方法。
uniapp ref的坑
前端转行卖烧饼
06-22 1万+
uni-app 中可以使用$refs，但是需要注意的是在小程序和App平台不能引用内置组件
select组件选中后获取当前值对应的对象信息
潮汐海灵的博客
10-15 2766
需求-----选中角色后，在input框中显示，同时需要获取该用户的基本信息对象 data () { return { receiveUser:{ }, userList:[ ] } } 组件使用 <el-select v-model="receiveUser" placeholder="请选择" clearable value-key="userId" @change=
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值