首页 > 其他 > 详细

cdn引入vuedraggable实现拖拽

时间:2020-12-02 00:19:24      阅读:87      评论:0      收藏:0      [点我收藏+]
<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" >
                                        <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, 
        }
})

 

cdn引入vuedraggable实现拖拽

原文:https://www.cnblogs.com/h5it/p/14070682.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!