小程序熏染可滑动动态导航

<scroll-view scroll-x="true" class="flex-ard fs14" style="color:#666">
       <div style="margin-left:20rpx;margin-right:20rpx" v-for="(item, index) in materials" :key="index" :class="{‘active-1‘ : currentClassIndex == index}" bindtap="changeMateriaId(item, index)" >{{item.name}}</div>
</scroll-view>

data: {
        materials:[],
        currentClassIndex: 0,

    },

methods: {
     
     changeMateriaId(item, index){
           this.currentClassIndex = index
     }
 }