nvue list recycle-list 什么时候支持下根据子组件id或者ref滑动到指定位置。
目前项目类似于美团外卖那种左侧菜单,右侧商品列表。由于商品过多只能使用list组件。
但是不支持根据子组件来滑动定位。
类似 scroll-view的scroll-into-view功能。
试了weex文档中提到的扩展方法,试了list没有效果,望支持下
用法如下:
const dom = weex.requireModule('dom');
const el = this.$refs['item_'+this.categoryId]
dom.scrollToElement(el, { offset: 0 })
<list class="takeout-page-goods-scroll-view" :style="{ height: goodsHeight + 'px' }" :scrollable="true">
<cell class="takeout-page-goods-cell" v-for="(item, parentIndex) in goodsData" :key="item.id">
<view class="takeout-page-goods-cell-category" :ref="'item_'+item.id">
......
</view>
<view class="takeout-page-goods-cell-list">
<view class="takeout-page-goods-cell-list-item" :ref="'goods_'+goods.id" v-for="(goods, index) in item.goods_list" :key="goods.id">
......
</view>
</view>
</cell>
</list>
4 个回复
笑望哥 (作者)
写错了,this.$refs返回的是数组,该功能是有效的
8***@qq.com
应该是$refs.item[0]
想得美
大神,有没有到滚动到指定位置的方法,这个是指定元素的位置
笑望哥 (作者)
没有,我也想要
2020-05-29 22:29
大前端小王子 - 软件开发工程师
滚动到指定位置还有动画,能取消掉吗
王伟锋
额,你就不能好好看文档吗
2021-10-20 11:15