cdn引入vuedraggable實現拖拽

<script src="http://www.itxst.com/package/sortable/Sortable.min.js"></script>
<script src="http://www.itxst.com/package/vuedraggable/vuedraggable.umd.min.js"></script>

　　　　　　　　　　<draggable v-model="navList">

                            <div class="series-item" v-for="item in navList">

                                <div class="mini-items-info">

                                    <div class="mini-pic">

                                        <img :src="item.imgUrl" alt="">

                                        <p class="pic-change">{{item.text}}</p>

                                    </div>

                                    <div class="mini-content">

                                        <div class="code_combox" style="width: 100%;"><input type="text" class="code_input" style="width: 100%; rgb(255, 255, 255);" maxlength="100" disabled　　　　　　　　　　　　　　　　　　　　　　　　　　="" placeholder=""><i class="iconfont code_clear" style="display: none;"></i><i class="iconfont code_search"></i></div>

                                    </div>

                                </div>

                            </div>

                    </draggable>

 

 

 Vue.component('vuedraggable', window.vuedraggable)

 

 

new Vue({

        el:"#addcontent",

        components:{

            draggable: window.vuedraggable, 

        }

})