ElementUI表單代碼特點有哪些

本篇內(nèi)容介紹了“ElementUI表單代碼特點有哪些”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

　　ElementUI表單設(shè)計及代碼生成器，可將生成的代碼直接運行在基于Element的vue項目中。

　　ElementUI表單代碼特點

　　可視化設(shè)計表單

　　一鍵生成原生的vue單頁表單代碼，100%拓展性

　　在線編輯器修改生成的代碼，并實時預(yù)覽

　　表單柵格化布局

　　支持表單校驗

　　快速查閱ElementUI官方文檔

　　配套vscode插件

　　ElementUI表單代碼插件

　　vscode-plugin分支配套插件為：form-generator-plugin；

　　使用插件可右鍵打開設(shè)計器，直接將代碼保存到工程中。

　　安裝插件請在vscode中搜索：jakHuang或FormGeneratorPlugin

　　<divid="add_div"></div>

　　<script>

　　formGenerator.addFormInit({

　　elem:'#add_div',

　　data:rowData,//全局賦值來源

　　inputs:[

　　{name:"userName",text:'登錄名',required:'required'},

　　{name:"password",text:'密碼',required:'required'},

　　{name:"name",text:'用戶名',required:'required',data:rowData.userInfo},

　　{name:"phone",text:'手機號',required:'required',data:rowData.userInfo},//局部賦值來源

　　{name:"email",text:'郵箱',required:'required',data:rowData.userInfo},

　　{name:"qq",text:'QQ',data:rowData.userInfo},

　　{

　　name:"status",

　　text:'狀態(tài)',

　　type:'select',

　　options:[{text:'啟用',value:'1'},{text:'禁用',value:'0'}]

　　}

“ElementUI表單代碼特點有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！