使用vue-grid-layout完成桌面拖拽佈局功能(更改拖拽變換位置方式)

以前最原始的效果是當你移動一個box時 即便你沒鬆開鼠標 每個被你移動中碰撞到的box都會發生改變 這可能不是咱們想要的css 咱們經過建立一個historyLayout 拿來記錄咱們上一步的佈局 在watchitem()裏比較 若是不是當前操做的box 使其的位置保持不變 在moved()中調用一個調整位置的函數toChangePosition() 使其能夠達到 兩兩調換的效果 或者 將其插入指

>>阅读原文<<