摘要:項目地址簡介動態生成表單組件可以根據數據配置表單使用的庫是在里一般要用到什么組件或數據都得提前聲明所以要根據數據來生成表單只能使用的函數要做這一個組件其實并不難看一下官方示例再找個組件庫差不多就能寫出來如果對項目有興趣可以或克隆項目自行研究
項目地址 簡介
Vue動態生成表單組件 可以根據數據配置表單 使用的UI庫是iView
在Vue里 一般要用到什么組件或數據 都得提前聲明
所以要根據數據來生成表單 只能使用Vue的render函數
要做這一個組件 其實并不難 看一下Vue官方示例 再找個UI組件庫 差不多就能寫出來
如果對項目有興趣 可以fork或克隆項目 自行研究
有問題或BUG歡迎提issues
Input 輸入框
Button 按鈕
Radio 單選框
Checkbox 多選框
Icon 圖標
Switch 開關
Select 選擇器
Slider 滑塊
DatePicker 日期選擇器
TimePicker 時間選擇器
Cascader 級聯選擇器
InputNumber 數字輸入框
Rate 評分
Upload 上傳
ColorPicker 顏色選擇器
使用 在單文件組件中引用npm i vue-form-maker
import iView from "iview" import VueFormMaker from "vue-form-maker" import "iview/dist/styles/iview.css" Vue.use(iView) Vue.use(VueFormMaker)
在HTML文件中直接引用// 或者
使用的是dist目錄中的vue-form-maker.js
如果對你有幫助,請給個Star
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100373.html
摘要:介紹基于開發的一款表單設計器,提高表單開發效率的利器,讓開發者從枯燥的表單代碼編寫中解放出來工具地址地址特性可視化配置頁面提供柵格布局,并采用實現對齊一鍵預覽配置的效果一鍵生成配置數據一鍵生成代碼,立即可運行提供自定義組件滿足用戶自定義 介紹 基于Vue,ElementUI開發的一款表單設計器,提高表單開發效率的利器,讓開發者從枯燥的表單代碼編寫中解放出來 工具地址:http://to...
摘要:概述后臺管理系統里面有非常多的表單需求,我們希望能夠通過寫一個格式的數據,通過的循環動態地去渲染動態表單。我結合的控件的下拉框輸入框,時間選擇控件和,做了一個動態表單。 概述 后臺管理系統里面有非常多的表單需求,我們希望能夠通過寫一個json格式的數據,通過vue的循環動態地去渲染動態表單。并且能夠在外部得到渲染出來的表單的數據,可以對表單進行重置操作。我結合element ui的控件...
摘要:具有數據收集校驗和提交功能的表單生成器,支持雙向數據綁定和事件擴展,組件包含有復選框單選框輸入框下拉選擇框等表單元素以及省市區三級聯動時間選擇日期選擇顏色選擇滑塊評分框架樹型文件圖片上傳等功能組件。 form-create 具有數據收集、校驗和提交功能的表單生成器,支持雙向數據綁定和事件擴展,組件包含有復選框、單選框、輸入框、下拉選擇框等表單元素以及省市區三級聯動,時間選擇,日期選擇,...
摘要:目的是節省開發人員在表單頁面上耗費的時間,從而更專注于功能開發。使用可快速便捷的生成日常開發中所需的各種表單。可通過后端返回生成規則,進行渲染。 form-create 具有動態渲染、數據收集、校驗和提交功能的表單生成器,支持雙向數據綁定、事件擴展以及自定義組件,可快速生成包含有省市區三級聯動、時間選擇、日期選擇等17種功能組件。 已兼容iview2.和iview3.版本 Github...
摘要:最近項目中遇到的需求是要操作大量的表單,之前的項目中有做過這方的研究,只不過是用來操作。添加操作上面的只是其中一個動態列表。 最近項目中遇到的需求是要操作大量的表單,之前的項目中有做過這方的研究,只不過是用jquery來操作。 項目A 先簡單說說以前項目A中的應用場景,可能有小伙伴兒也遇到相同的需求。A項目是公司的OA系統中有的項目,是用java的jsp渲染的頁面,需求是要改成:嵌入A...
閱讀 3054·2023-04-26 00:40
閱讀 2391·2021-09-27 13:47
閱讀 4197·2021-09-07 10:22
閱讀 2966·2021-09-06 15:02
閱讀 3307·2021-09-04 16:45
閱讀 2484·2021-08-11 10:23
閱讀 3599·2021-07-26 23:38
閱讀 2900·2019-08-30 15:54