在指定范围内拖拽

<template>

  <div>

    <div id="dragBox">

      <div v-for="(item,index) in list" :key="index" class="box1" :style="{left:(index*60 +50)+'px'}"  :id="'a'+index" @click="btnclick(index)">点击{ {index}}</div>

    </div>

  </div>

</template>

<script>

  export default{

    data() {

      return{

        list:[1,2,3,4,5],

        isDrag: false

      }

    },

    created() {

    },

    mounted() {

    },

    methods:{

      // 点击元素事件

      btnclick(index) {

        // 打印ID值

        console.log('a'+index)

        // 对多个元素绑定拖拽事件，要先点击，然后才能拖拽&