Vue+elementUi開發了壹個可拖動和拉伸編輯的畫板。

最近幾天用vue實現了壹個動態編輯模板的小功能，包括自由拖拽div，自由拉伸div，自由設置寬度和顏色文本內容，添加和刪除相應的div。

當前組件的Git地址

文章的詳細解釋是當前組件被封裝到npm插件中

下面是具體圖片，比較簡單。請不要噴。

現在來說說實現的方式。

首先，使用vue的自定義屬性將壹條指令定義為v-drag。

contain參數用於防止div在拖動過程中超出畫布邊界。

我們以後會繼續完善功能，增加壹些新功能。