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
	  })
  }
}) 
相关推荐
ct978几秒前
Cesium 矩阵系统详解
前端·线性代数·矩阵·gis·webgl
小陈phd6 分钟前
langGraph从入门到精通(十一)——基于langgraph构建复杂工具应用的ReAct自治代理
前端·人工智能·react.js·自然语言处理
我要敲一万行6 分钟前
前端面试erp项目常问问题
前端·面试
13 分钟前
ubuntu 通过ros-noetic获取RTK模块的nmea格式数据
java·前端·javascript
雨季66615 分钟前
构建 OpenHarmony 简易密码强度指示器:用字符串长度实现直观反馈
android·开发语言·javascript
&活在当下&18 分钟前
uniapp 选择城市区号索引列表实现
前端·uni-app
阿珊和她的猫21 分钟前
简述 React 的虚拟 DOM 机制
前端·react.js·前端框架
梵得儿SHI23 分钟前
Vue 高级特性:混入(Mixin)使用场景与问题、Vue3 组合式 API 替代方案精讲
前端·javascript·vue.js·组合式api·参数传递·mixin机制·显式调用
qq_3363139324 分钟前
javaweb-HTML和CSS(2)
前端·css·html
Sapphire~28 分钟前
【模板】Jinja风格 Ruby风格
前端·后端