https://caohuatao.github.io/ ...
前一陣子 em。。。這個前挺長了 做了一個表單生成組件和流程圖組件。分別使用的是vuedraggable和paperjs。看了一些官方的介紹和源碼,然后就直接上手了。 .vuedraggable 比較簡單,主要就是將數據和拖動及拖出和拖入事件綁定好就可以了。拖動的時候,會自動生成ghost,移動中換位動畫也是動態的。效果圖: 此外做了預覽 數據保存 校驗。每個組件都可以自定義限制條件。關鍵邏輯是 ...
2020-01-10 17:26 3 1576 推薦指數:
https://caohuatao.github.io/ ...
...
作為一名剛接觸vue不到一個月的菜鳥,思想還沒有從操作DOM轉變為數據驅動,看vue的代碼處處別扭。組里為了讓我熟悉vue交給了我一個將element 表單封裝成組件的練手任務。由於開發過程中遇到的表單需求千奇百怪,我們不能直接將表單封裝成一個組件。所以我嘗試把輸入框,下拉菜單,滑塊,時間選擇器 ...
前言:之前項目里面用到了Web里面的拖拽流程圖的技術JsPlumb,其實真不算難,不過項目里面用HTML做的一些類似flash的效果,感覺還不錯,在此分享下。 Jsplumb官網:https://jsplumbtoolkit.com GitHub:https://github.com ...
針對vue組件,編寫對應的組件文檔 使用vuepress直接通過markdown文件去動態生成對應的組件演示和代碼預覽以及說明。 准備工作 先安裝vuepress,npm i vuepress -D。 接着安裝vuepress-plugin-demo-container ...
傳送門:http://visjs.org/ demo代碼 ...
介紹 form-create 是一個可以通過 JSON 生成具有動態渲染、數據收集、驗證和提交功能的表單生成器。並且支持生成任何 Vue 組件。結合內置17種常用表單組件和自定義組件,再復雜的表單都可以輕松搞定。 文檔 | github 安裝 CDN 引入 目前 ...