當前位置:編程學習大全網 - 源碼下載 - 怎樣利用Vue動態生成form表單

怎樣利用Vue動態生成form表單

$formCreate 參數

rules?表單生成規則 [inputRule,selectRule,...]

options?初始化配置參數 (詳細見底部 createOptions)

$formCreate.maker 組件規則生成器

除hidden外,其他配置方式全部相同.詳細參考表單元素規則

props,event,slot傳入參數為對象,例({key:value,...})

validate,options參入參數為數組,例([options,options,..])

hidden?生成隱藏字段

1 $formCreate.maker.hidden(field,value)

input?生成input輸入框

1 $formCreate.maker.input(title,field,value)

radio?生成單選框

checkbox?生成復選框

select?生成select選擇器

switch?生成switch開關

datepicker?生成日期選擇器組件,別名date

timepicker?生成時間選擇器組件,別名time

inputnumber?生成數字輸入框,別名number

colorpicker?生成顏色選擇器組件,別名color

cascader?生成多級聯動組件

upload?生成上傳組件

rate?生成評分組件

slider?生成滑塊組件

$f 實例方法

formData()?獲取表單的value

getValue(field)?獲取指定字段的value

changeField(field,value)?修改指定字段的value

resetFields()?重置表單

destroy()?銷毀表單

removeField(field)?刪除指定字段

fields()?獲得表單所有字段名稱

submit()?表單驗證通過後提交表單,觸發onSubmit事件

validate(successFn,errorFn)?表單驗證,如果驗證通過執行successFn,未通過則執行errorFn

validateField(field,callback)?表單驗證指定字段

  • 上一篇:什麽是WEB1.0;2.0;3.0?
  • 下一篇:心理調頻源代碼
  • copyright 2024編程學習大全網