vue動態生成表單組件vue-form-maker

cjie 發布于2019-08-23 14:16 / 1093人閱讀

摘要：項目地址簡介動態生成表單組件可以根據數據配置表單使用的庫是在里一般要用到什么組件或數據都得提前聲明所以要根據數據來生成表單只能使用的函數要做這一個組件其實并不難看一下官方示例再找個組件庫差不多就能寫出來如果對項目有興趣可以或克隆項目自行研究

項目地址 簡介

Vue動態生成表單組件可以根據數據配置表單使用的UI庫是iView

在Vue里一般要用到什么組件或數據都得提前聲明

所以要根據數據來生成表單只能使用Vue的render函數

要做這一個組件其實并不難看一下Vue官方示例再找個UI組件庫差不多就能寫出來

如果對項目有興趣可以fork或克隆項目自行研究

有問題或BUG歡迎提issues

文檔 在線DEMO 表單組件

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

GPU云服務器云服務器 vue組件 vue組件開發 vue父子組件通訊 vue輪播組件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100373.html

基于Vue,ElementUI開發的一款表單設計器

摘要：介紹基于開發的一款表單設計器，提高表單開發效率的利器，讓開發者從枯燥的表單代碼編寫中解放出來工具地址地址特性可視化配置頁面提供柵格布局，并采用實現對齊一鍵預覽配置的效果一鍵生成配置數據一鍵生成代碼，立即可運行提供自定義組件滿足用戶自定義介紹基于Vue,ElementUI開發的一款表單設計器，提高表單開發效率的利器，讓開發者從枯燥的表單代碼編寫中解放出來工具地址：http://to...

DandJ 2019-08-23 12:13 評論0 收藏0
vue構建動態表單

摘要：概述后臺管理系統里面有非常多的表單需求，我們希望能夠通過寫一個格式的數據，通過的循環動態地去渲染動態表單。我結合的控件的下拉框輸入框，時間選擇控件和，做了一個動態表單。概述后臺管理系統里面有非常多的表單需求，我們希望能夠通過寫一個json格式的數據，通過vue的循環動態地去渲染動態表單。并且能夠在外部得到渲染出來的表單的數據，可以對表單進行重置操作。我結合element ui的控件...

BlackHole1 2019-08-26 12:20 評論0 收藏0
動態生成form表單,不再為表單煩惱

摘要：具有數據收集校驗和提交功能的表單生成器，支持雙向數據綁定和事件擴展，組件包含有復選框單選框輸入框下拉選擇框等表單元素以及省市區三級聯動時間選擇日期選擇顏色選擇滑塊評分框架樹型文件圖片上傳等功能組件。 form-create 具有數據收集、校驗和提交功能的表單生成器，支持雙向數據綁定和事件擴展，組件包含有復選框、單選框、輸入框、下拉選擇框等表單元素以及省市區三級聯動,時間選擇,日期選擇,...

kamushin233 2019-08-22 14:53 評論0 收藏0
使用form-create輕松生成高品質的form表單[附原理圖]

摘要：目的是節省開發人員在表單頁面上耗費的時間，從而更專注于功能開發。使用可快速便捷的生成日常開發中所需的各種表單。可通過后端返回生成規則，進行渲染。 form-create 具有動態渲染、數據收集、校驗和提交功能的表單生成器，支持雙向數據綁定、事件擴展以及自定義組件，可快速生成包含有省市區三級聯動、時間選擇、日期選擇等17種功能組件。已兼容iview2.和iview3.版本 Github...

phodal 2019-08-23 14:13 評論0 收藏0
vue2 中如何實現動態表單增刪改查

摘要：最近項目中遇到的需求是要操作大量的表單，之前的項目中有做過這方的研究，只不過是用來操作。添加操作上面的只是其中一個動態列表。最近項目中遇到的需求是要操作大量的表單，之前的項目中有做過這方的研究，只不過是用jquery來操作。項目A 先簡單說說以前項目A中的應用場景，可能有小伙伴兒也遇到相同的需求。A項目是公司的OA系統中有的項目，是用java的jsp渲染的頁面，需求是要改成：嵌入A...

StonePanda 2019-08-20 16:59 評論0 收藏0