vue動態生成表單元件 可以根據資料配置表單 使用的ui庫是iview
在vue裡 一般要用到什麼元件或資料 都得提前宣告
所以要根據資料來生成表單 只能使用vue的render函式
要做這乙個元件 其實並不難 看一下vue官方示例 再找個ui元件庫 差不多就能寫出來
如果對專案有興趣 可以fork或轉殖專案 自行研究
有問題或bug歡迎提issues
npm i vue-form-maker
複製**
import iview from 'iview'
複製**
// 或者 "options"/>
複製**
使用的是dist目錄中的vue-form-maker.js
"stylesheet"
type="text/css" href="iview.css">
複製**
複製**
複製**vue動態生成下拉框 vue構建動態表單
概述 後台管理系統裡面有非常多的表單需求，我們希望能夠通過寫乙個json格式的資料，通過vue的迴圈動態地去渲染動態表單。並且能夠在外部得到渲染出來的表單的資料，可以對表單進行重置操作。我結合element ui的控制項的下拉框,輸入框，時間選擇控制項和vue treeselect，做了乙個動態表單...
vue 實現動態表單動態渲染元件的方式（一）
vue 實現動態表單 動態渲染元件的方式 一 實現demo 主元件 父元件 此處用了自定義元件的v model來收集子元件的資料 父元件 model formdata v for item,index in formitemlist key index label item.label is ite...
Vue 動態元件
vue.js提供了乙個特殊的元素用來動態掛載不同的元件，使用is特性來選擇要掛載的元件 is current component click change a 切換到a元件button click change b 切換到b元件button click change c 切換到c元件button d...