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

场景:想要通过链接跳转传递catid&catid2类别id,商品类别id 跳到这一页左侧对应的类别栏上面,同时跳到右侧列表滚动到对应商品那一块区域。

遇到的问题:在for循环中通过绑定id获取不到商品列表的具体位置。

原因:在onReady函数和mounted函数中没有获取到接口返回的数据,所以id那会还没渲染上。

解决方法:id换成ref,在接口返回成功的then函数中,使用$nextTick函数获取元素。

在for循环绑定ref的时候,获取ref需要加上[0]

复制代码
then(() => {
	 if (this.secondId2) {
	  this.$nextTick(() => {
	      let cid = this.secondId2
	      const node = this.$refs[cid][0]
	      this.scrollTop = node.$el.offsetTop
	  })
  }
}) 
相关推荐
kovli5 分钟前
红宝书第六讲:作用域链与闭包:厨房里的调味料架原理
前端·javascript
Mike_jia6 分钟前
一篇文章带你了解一款强大的Kubernetes管理平台---KubeSphere
前端
Mike_jia7 分钟前
一篇文章带你了解一款强大的开源交互审计系统---Next Terminal
前端
独立开阀者_FwtCoder8 分钟前
AI 组件库 ChatUI 3.0 正式发布!阿里再一次领先!
前端·javascript·前端框架
不做王多余13 分钟前
多个if判断的代码如何优化
前端·javascript
最新资讯动态13 分钟前
云启鸿蒙,游创未来|华为游戏中心助力游戏产业智能化跃迁
前端
一颗奇趣蛋14 分钟前
前端项目vscode最优配置(vue3+ts)
前端·vue.js
用户33931307053914 分钟前
IntersectionObserver DOM是否交叉
前端
用户33931307053914 分钟前
this, caller, callee的区别和用法
前端
H5开发新纪元15 分钟前
基于React+Ant Design的多表单协同提交方案设计与实践
前端