Element ui: form表单使用

form 表单赋值/取值

取值:获取 form 表单的每个表单项的值:this.formName.proPErty,比如:this.ruleForm.usernamethis.ruleForm.psw
赋值:大部分都是下面这种方式赋值格式(property: value),
一般的 input ,赋值和显示的事一致的,而有些则不一定。比如下拉选择列表 select ,复选框 checkbox , 单选 radio ,日期 date 时间 time , 文件上传 fileupload 等等会有个显示文本(给用户看)和实际值(后台数据库存储的值)。

form 表单验证

自带验证和自定义验证。
自带验证:

自定义验证:

当然,自定义验证规则时,一般都会是单独的文件做相关验证规则限制,然后引入调用。validate.js,customValidate.js, xxx.vue
validate.js

customValidate.js

xxx.vue
import customValid from '@/util/customValidate'

参考

未经允许不得转载:一点博客-青梅煮码-共享博客 » Element ui: form表单使用
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏