uni-app swiper tab导航点击一下 自动向后滑动一块距离的操作

Question

//导航标题
<swiper 
class="swiper self1" 
display-multiple-items="4" 
next-margin="50px">
    <swiper-item 
    :class="{ bbb:i==current }" 
    v-for="(v,i) in titile" 
    :key="i" 
    @click="aaa(i)">
        <view class="swiper-item">{{v}}</view>
    </swiper-item>
</swiper>

//与导航对应的内容
<swiper 
class="swiper self" 
:current="current"
@change="changeCurrent($event)">
    <swiper-item 
    v-for="(v,i) in titile" 
    :key="i">
        <view class="swiper-item">{{v}}</view>
    </swiper-item>
</swiper>

export default {
    data() {
        return {
                titile:['A','B','C','D','E','F','G'],
            current:0,
        }
    },
    methods: {
        aaa(i){
        this.current = i;
    },
    changeCurrent(e){
        this.current = e.detail.current;
    },
    changeTrans(e){
        e.detail.dx = e.detail+10;
    }
}
}

uni-app swiper tab导航点击一下 自动向后滑动一块距离 这个uni-app有自带的可用方法吗？

文档都试了一遍了 只有@transition
但是点击导航标题的时候 通过点击事件执行 @transition（$event ） 是undefined 求大神

Answer 1

自己回答吧 研究了一天
把 导航标题 swiper 删了
然后用
<scroll-view :scroll-left="根据间距计算滑动距离">

包裹导航的viwe就行了 

</scroll-view>