vue动态form 怎样利用Vue动态生成form表单

怎样利用Vue动态生成form表单

$formCreate 参数

rulesnbsp表单生成规则 [inputRule,selectRule,...]
optionsnbsp初始化配置参数 (详细见底部 createOptions)
$formCreate.maker 组件规则生成器
除hidden外,其他配置方式全部相同.详细参考表单元素规则
props,event,slot传入参数为对象,例({key:value,...})
validate,options参入参数为数组,例([options,options,..])
hiddennbsp生成隐藏字段

1nbsp nbsp$formCreate.maker.hidden(field,value)nbsp nbsp
inputnbsp生成input输入框

1nbsp nbsp$formCreate.maker.input(title,field,value)nbsp nbsp
radionbsp生成单选框
checkboxnbsp生成复选框
selectnbsp生成select选择器
switchnbsp生成switch开关
datepickernbsp生成日期选择器组件,别名date
timepickernbsp生成时间选择器组件,别名time
inputnumbernbsp生成数字输入框,别名number
colorpickernbsp生成颜色选择器组件,别名color
cascadernbsp生成多级联动组件
uploadnbsp生成上传组件
ratenbsp生成评分组件
slidernbsp生成滑块组件

$f 实例方法
formData()nbsp获取表单的value
getValue(field)nbsp获取指定字段的value
changeField(field,value)nbsp修改指定字段的value
resetFields()nbsp重置表单
destroy()nbsp销毁表单
removeField(field)nbsp删除指定字段
fields()nbsp获得表单所有字段名称
submit()nbsp表单验证通过后提交表单,触发onSubmit事件
validate(successFn,errorFn)nbsp表单验证,如果验证通过执行successFn,未通过则执行errorFn
validateField(field,callback)nbsp表单验证指定字段

vue能动态实现表单吗

这种情况很简单,动态添加进去的tr不能应用js和css,在tr添加进页面后,再调用一下$("tr").addClass("样式名")重新给他添加一下样式即可.至于js的话,在绑定事件的时候用:$("tr").live(funtion(){})这样就可以了.因为绑定事件的时候live就