基于 vue.js 可視化拖拽低代碼VisualDrag（vue實現(xiàn)拖拽可視化）

今天給大家分享一個vue.js低代碼平臺模板，靠拖拉拽生成頁面。

visual-drag 使用 vue.js 開發(fā)構(gòu)建的低代碼（可視化拖拽）模板。實現(xiàn)了比較多豐富的功能。

功能清單

• 編輯器
• 自定義組件（文本、圖片、矩形、圓形、直線、星形、三角形、按鈕、表格、組合）
• 接口請求（通過接口請求組件數(shù)據(jù)）
• 組件聯(lián)動
• 拖拽
• 刪除組件、調(diào)整圖層層級
• 放大縮小
• 撤消、重做
• 組件屬性設置
• 吸附
• 預覽、保存代碼
• 綁定事件
• 綁定動畫
• 拖拽旋轉(zhuǎn)
• 復制粘貼剪切
• 多個組件的組合和拆分
• 鎖定組件
• 網(wǎng)格線

快速開始

// 克隆項目git clone https://github.com/woai3c/visual-drag-demo.git// 安裝依賴npm i// 運行npm run dev// 構(gòu)建npm run build

非常不錯的一款低代碼模板，如果大家對可視化拖拽模板感興趣，可以去看看。

// 預覽地址https://woai3c.github.io/visual-drag-demo// 倉庫地址https://github.com/woai3c/visual-drag-demo

好了，今天的分享就到這里。