vue+element如何創(chuàng)建動態(tài)form表單
這篇文章主要為大家展示了“vue+element如何創(chuàng)建動態(tài)form表單”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“vue+element如何創(chuàng)建動態(tài)form表單”這篇文章吧。
創(chuàng)新互聯(lián)公司是一家專業(yè)提供南關(guān)企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計、H5場景定制、小程序制作等業(yè)務(wù)。10年已為南關(guān)眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。
動態(tài)創(chuàng)建form表單,網(wǎng)上有插件 (form-create) 不過我不知道它怎么用,沒有使用成功,如果你使用成功了,歡迎下方留言.
最后我使用了笨方法,針對各個表單寫好通用的組件，然后根據(jù)type用v-if來渲染對應(yīng)的表單,數(shù)據(jù)，事件什么的都可以動態(tài)的傳進(jìn)去,比較好用
動態(tài)生成表格的行和列,主要是要求后端返回的數(shù)據(jù)格式,根據(jù)數(shù)據(jù)來動態(tài)渲染
注意點:這里兩個數(shù)組 : 表格字段數(shù)據(jù): titleData: [], 表格詳細(xì)數(shù)據(jù): tables: [], 數(shù)據(jù)通過字段來查找/渲染成表格的
data () {
return {
tables: [{
xiaoxue: '福蘭',
chuzhong: '加芳',
gaozhong: '蒲廟',
daxue: '西安',
yanjiusheng: '西安',
shangban: '北京'
}, {
xiaoxue: '南坊',
chuzhong: '禮泉',
gaozhong: '禮泉',
daxue: '西安',
yanjiusheng: '西安',
shangban: '南坊'
}, ],
titleData: [{
dataItem: 'xiaoxue',
dataName: '小學(xué)'
}, {
dataItem: 'chuzhong',
dataName: '初中'
}, {
dataItem: 'gaozhong',
dataName: '高中'
}, {
dataItem: 'daxue',
dataName: '大學(xué)'
}, {
dataItem: 'yanjiusheng',
dataName: '研究生'
}, {
dataItem: 'shangban',
dataName: '上班'
}]
}以上是“vue+element如何創(chuàng)建動態(tài)form表單”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
重慶分公司
重慶分公司
