vue拖拽div换位置

npm(cnpm) install vuedraggable --save

script标签

<script>
  import Qs from 'qs'
  import vuedraggable from 'vuedraggable'
  export default {
    components:{vuedraggable},
    inject:["reload"],

template

<vuedraggable class="wrapper" v-model="items">
                            <transition-group>
                                <div id="xueya" v-for="item in items" :key="item.id">
                                    <div id="shou" style="width: 850px;height:550px;position:relative;left:100px;" v-if="item.id==1"></div>

                                    <div style="height:120px"   v-if="item.id==2"></div>

                                    <div id="shu" style="width: 850px;height:550px;position:relative;left:100px;"  v-if="item.id==3"></div>
                                </div>
                            </transition-group>
                        </vuedraggable>