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
	  })
  }
}) 
相关推荐
程序员爱钓鱼14 分钟前
Node.js 编程实战:测试与调试 —— 调试技巧与性能分析
前端·后端·node.js
JQLvopkk16 分钟前
Vue框架技术详细介绍及阐述
前端·javascript·vue.js
vyuvyucd16 分钟前
插件式开发:C++与C#实战指南
java·前端·数据库
C_心欲无痕18 分钟前
ts - 类型收窄
前端·typescript
笔COOL创始人21 分钟前
requestAnimationFrame 动画优化实践指南
前端·javascript·面试
sophie旭25 分钟前
性能监控之首屏性能监控小实践
前端·javascript·性能优化
Amumu1213839 分钟前
React 前端请求
前端·react.js·okhttp
3824278271 小时前
JS表单提交:submit事件的关键技巧与注意事项
前端·javascript·okhttp
Kagol1 小时前
深入浅出 TinyEditor 富文本编辑器系列2:快速开始
前端·typescript·开源
interception1 小时前
js逆向之京东原型链补环境h5st
javascript·爬虫·网络爬虫