vue-draggable 的使用 2019-11-07

參考地址:http://www.ptbird.cn/vue-draggable-dragging.html

自動(dòng)滾動(dòng)參考:1、https://segmentfault.com/q/1010000020397066

2、https://github.com/SortableJS/Vue.Draggable/issues/600

一 安裝庫(kù) 引入庫(kù)

yarn add vuedraggable

import?vuedraggable?from?"vuedraggable";


二、需要先注冊(cè)組件

components:{vuedraggable},

三、使用方法


四、需要拖動(dòng)的時(shí)候自動(dòng)上下滾動(dòng) 和左右滾動(dòng)

?:scroll-sensitivity="150"

? :force-fallback="true"


五、當(dāng)需要拖動(dòng)的時(shí)候 有個(gè)占位符,不能使用transition-group 標(biāo)簽,直接使用div標(biāo)簽 嵌套需要拖動(dòng)的塊,如果使用transition-group標(biāo)簽

占位符樣式會(huì)被壓住

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 基于Vue的一些資料 內(nèi)容 UI組件 開(kāi)發(fā)框架 實(shí)用庫(kù) 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 element★...
    嘗了又嘗閱讀 1,287評(píng)論 0 1
  • 簡(jiǎn)說(shuō)Vue (組件庫(kù)) https://github.com/ElemeFE/element" 餓了么出品的VUE...
    Estrus丶閱讀 1,908評(píng)論 0 1
  • UI組件 element- 餓了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的組件庫(kù) m...
    小姜先森o0O閱讀 10,133評(píng)論 0 72
  • UI組件 element- 餓了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的組件庫(kù) m...
    柴東啊閱讀 15,963評(píng)論 2 140
  • 在《每周健身四小時(shí)》這本書(shū)里面,作者提到每周安排一天和別人比誰(shuí)吃的更多,前提是這一周的其他時(shí)間都嚴(yán)格按照制定好的減...
    九木厘閱讀 344評(píng)論 0 1

友情鏈接更多精彩內(nèi)容