目标是要实现:选项卡左右滑动,当在列表页面选中某一个菜单时 ,跳转到下一个页面要滑动到指定菜单位置位置,所以要使用到scroll-into-view。
附图:
点击第一张图的位置,跳转到下一张图,
滑动到指定菜单位置
前提:已设置固定高度
HTML代码:
<scroll-view class="scroll-view_H" :scroll-x="true" :scroll-with-animation="true" :scroll-into-view="intoView" @scroll="scroll" :scroll-left="scrollLeftW" :show-scrollbar="false">
<view class="nav_item" :class="{active:item.isChecked}" @click="getNavItem(item.Id)" v-for="(item,index) in navTabBars" :key="index">{{item.Name}}</view>
</scroll-view>
网上给的是要在@scroll 方法里设置 intoView
JS代码:
scroll: function(e) {
console.log(e)
this.intoView = "view"+e.currentTarget.dataset.id;
},
然而,这个写法并不正确,需要使用setData方法,使用setData方法后,报setData方法报错。
求大神给提供解决方案。