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
	  })
  }
}) 
相关推荐
唐懒猫15 小时前
使用 HTML + JavaScript 实现手写签名功能
前端·javascript·html
苏打水com16 小时前
Day4-6 CSS 进阶 + JS 基础 —— 实现 “交互效果 + 样式复用”(对标职场 “组件化思维” 入门)
javascript·css·交互
亿元程序员16 小时前
其实Creator里面这个裁剪代码的功能很好用,建议试试
前端
感谢地心引力16 小时前
【Chrome-Edge-Firefox】浏览器插件开发
前端·chrome·edge·firefox
qq_2965446516 小时前
安卓版Google(谷歌地球),安卓谷歌(Google)地图,谷歌翻译,谷歌(Chrome)浏览器,手机版Edge,浏览器等安卓版浏览器下载
前端·chrome
今天也想MK代码16 小时前
JS 注入机制深度解析
java·前端·javascript
一字白首16 小时前
Vue 进阶,指令补充 + computed+watch
前端·javascript·vue.js
一路向前的月光16 小时前
Uniapp实现钉钉小程序前期基础配置
uni-app·钉钉
暮之沧蓝16 小时前
React(18-19)总结
前端·react.js·前端框架
HIT_Weston16 小时前
50、【Ubuntu】【Gitlab】拉出内网 Web 服务:http.server 单/多线程分析(二)
前端·ubuntu·gitlab