您好,登錄后才能下訂單哦!
本篇內容介紹了“ElementUI表單代碼特點有哪些”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
ElementUI表單設計及代碼生成器,可將生成的代碼直接運行在基于Element的vue項目中。
ElementUI表單代碼特點
可視化設計表單
一鍵生成原生的vue單頁表單代碼,100%拓展性
在線編輯器修改生成的代碼,并實時預覽
表單柵格化布局
支持表單校驗
快速查閱ElementUI官方文檔
配套vscode插件
ElementUI表單代碼插件
vscode-plugin分支配套插件為:form-generator-plugin;
使用插件可右鍵打開設計器,直接將代碼保存到工程中。
安裝插件請在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:'狀態',
type:'select',
options:[{text:'啟用',value:'1'},{text:'禁用',value:'0'}]
}
“ElementUI表單代碼特點有哪些”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。