使用better-scroll 实现左右菜单联动

在点餐软件中需要左右菜单左右联动,点击左边菜品分类项右边食品列表自动滑动到对于菜品列表

安装better-scroll模块 npm install better-scroll --save

html内容

  <div class="scroll_wrapper">
    <div class="menu_wrapper">
      <ul class="menu_list">
        <li class="menu_item" @click="checkMenu(index)" :class="{on:index === currentIndex}" v-for="(good, index) in goods" :key="index">{
  {good.name}}</li>
      </ul>
    </div>
    <div class="foods_wrapper">
      <ul class="foods_list" ref="foods_list">
        <li class="foods_item" v-for="(good,index) in goods" :key="index">
          <h3 class="title">{
  {good.name}}</h3>
          <ul class="food_list">
            <li class="food_item" v-for="(food, index) in good.foods" :key=