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

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

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

功能清單

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

快速開始

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

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

// 預(yù)覽地址https://woai3c.github.io/visual-drag-demo// 倉(cāng)庫(kù)地址https://github.com/woai3c/visual-drag-demo

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