vue拖动插件排序的一次使用

import { SlickList, SlickItem } from 'vue-slicksort'
components: {
    SlickItem,
    SlickList
  },

<ul>
      <SlickList lockAxis="y" v-model="items" :distance="5">
        <li class="top">
          <div class="t1">显示</div>
          <div class="t2">列名</div>
          <div class="t3">顺序</div>
        </li>
        <SlickItem v-for="(item, index) in items" :index="index" :key="index" class="custom_display_item">
          <li :class="{'disabled_class': item.disabled}">
            <div class="multiple_choice" @click.stop="">
               <el-checkbox v-model="item.checked" :disabled= item.disabled></el-checkbox>
            </div>
            <div class="specify">
              <p>{{item.title}}</p>
            </div>
            <div class="sequence">
              <i class="el-icon-rank"></i>
            </div>
          </li>
        </SlickItem>
      </SlickList>
    </ul>

items: [
        { checked: true, disabled: true, title: '销售金额预测', dsc: '可按月份、部门与人员，依据商机的意向阶段的成单概率查看销售金额的预测结果' },
        { checked: false, disabled: false, title: '销售漏斗', dsc: '查看企业当前商机在不同意向阶段的分局数量与占比' },
        { checked: false, disabled: false, title: '销售增长趋势', dsc: '查看线索、客户、商机、订单延时间线的增长变化趋势' },
        { checked: false, disabled: false, title: '成交金额达标', dsc: '按月份、部门、人员查看成交金额的完成进度情况' },
        { checked: false, disabled: false, title: '回款金额达标', dsc: '按月份、部门、人员查看成交金额的完成进度情况' },
        { checked: false, disabled: false, title: '新增商机达标', dsc: '按月份、部门、人员查看成交金额的完成进度情况' },
        { checked: false, disabled: false, title: '业绩达成排名', dsc: '按业绩达成结果，查看部门、人员的排名情况' },
        { checked: false, disabled: false, title: '成交金额排名', dsc: '按成交金额达成结果，查看部门、人员的排名情况' },
        { checked: false, disabled: false, title: '业绩达成排名', dsc: '按业绩达成结果，查看部门、人员的排名情况' },
        { checked: false, disabled: false, title: '回款金额排名', dsc: '按回款金额达成结果，查看部门、人员的排名情况' },
        { checked: false, disabled: false, title: '转化率排名', dsc: '按商机签单转化率结果，查看部门、人员的排名情况' },
        { checked: false, disabled: false, title: '跟进拜访排名', dsc: '按跟进情况，查看部门、人员的排名情况' },
        { checked: false, disabled: false, title: '商品销量排名', dsc: '按商品销量情况，查看商品的排名情况' }
      ]