zoukankan      html  css  js  c++  java
  • 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=" 100%;"><input type="text" class="code_input" style=" 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, 
            }
    })
  • 相关阅读:
    chrome 修改请求头的小工具
    spring boot整合shiro引用配置文件配置是出现的问题
    jquery ztree 复选框
    表单input中disabled提交后得不到值的解决办法
    大文件编辑器
    记一次差点删库跑路的事故
    简单的记录一次简单的优化
    mysql 死锁解决办法
    centos6,7中防火墙基本用法
    案例3-ubuntu和centos中自动部署tomcat相关服务的脚本
  • 原文地址:https://www.cnblogs.com/h5it/p/14070682.html
Copyright © 2011-2022 走看看