首页 > 其他分享 >Element UI / Vue -- Form

Element UI / Vue -- Form

时间:2022-09-19 22:25:25浏览次数:94  
标签:Vue false string Form -- 校验 表单 boolean UI

 

Form Attributes

参数说明类型可选值默认值
model 表单数据对象 object
rules 表单验证规则 object
inline 行内表单模式 boolean false
label-position 表单域标签的位置,如果值为 left 或者 right 时,则需要设置 label-width string right/left/top right
label-width 表单域标签的宽度,例如 '50px'。作为 Form 直接子元素的 form-item 会继承该值。支持 auto string
label-suffix 表单域标签的后缀 string
hide-required-asterisk 是否隐藏必填字段的标签旁边的红色星号 boolean false
show-message 是否显示校验错误信息 boolean true
inline-message 是否以行内形式展示校验信息 boolean false
status-icon 是否在输入框中显示校验结果反馈图标 boolean false
validate-on-rule-change 是否在 rules 属性改变后立即触发一次验证 boolean true
size 用于控制该表单内组件的尺寸 string medium / small / mini
disabled 是否禁用该表单内的所有组件。若设置为 true,则表单内组件上的 disabled 属性不再生效 boolean false
ref

 javasrcipt 是如何获取Dom 元素是通过:document.querySelector(".input")获取dom元素节点 。Vue 为简化DOM获取方法提出了ref 属性和$refs 对象。一般的操作流程是:ref 绑定控件,$refs 获取控件。

https://blog.csdn.net/zhouzhiwengang/article/details/108301885

     
class        

Form Methods

方法名说明参数
validate 对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段。若不传入回调函数,则会返回一个 promise Function(callback: Function(boolean, object))
validateField 对部分表单字段进行校验的方法 Function(props: array | string, callback: Function(errorMessage: string))
resetFields 对整个表单进行重置,将所有字段值重置为初始值并移除校验结果
clearValidate 移除表单项的校验结果。传入待移除的表单项的 prop 属性或者 prop 组成的数组,如不传则移除整个表单的校验结果 Function(props: array | string)

 

标签:Vue,false,string,Form,--,校验,表单,boolean,UI
From: https://www.cnblogs.com/emanlee/p/16709304.html

相关文章

  • Netty_in_Action第五版 pdf
    高清文字英文版下载链接:https://pan.baidu.com/s/1WpKOxup6AypKF0YlIL2L-Q点击这里获取提取码  ......
  • word自动生成目录最新版本
    第一步   第二步,二级目录,最重要  注意第四步都是灰色的 ,第三步选择完后 ,选择第五步 ,然后在调整一下“点”  即可  ,另外需要注意第二步  第......
  • 写给自己!!
    由于自己太懒了,写了很多文章,但都懒得整理,这些文章一直存在本地。没更新的时间里陆陆续续写了大概百来篇流水文,感觉以前发的这些文章都没啥干货,就一直拖更了(再加上懒得整理),......
  • Element UI / Vue -- Input
     InputAttributes参数说明类型可选值默认值type类型stringtext,textarea和其他原生input的type值textvalue/v-model绑定值string/number—......
  • Java高并发编程详解 pdf
    高清扫描版下载链接:https://pan.baidu.com/s/1_2jbvt1OecV4j3uN59DxYQ点击这里获取提取码 ......
  • element ui / vue 表格组件
    ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。官网地址:http://element-cn.eleme.io/#/zh-CN在页......
  • 设计模式---六大设计原则
    六大设计原则单一职责原则接口隔离原则开闭原则依赖倒置原则里氏代换原则迪米特法则单一职责原则我们分别看两个案例,一个是遵守单一职责原则,另一个是违背。违背......
  • 字符串以特定标识替换问题
    staticvoidMain(string[]args){varcontent="名称:{名称},发十多个地方的{透后小结}辅导书的";vartemp=content.Substring(......
  • py调jenkins接口发布并通知
    py调jenkins接口发布并通知这个需求是我自己给自己安排的,因为每到工作日,基本晚上10点后都要我进行发布(10点后会自动关停系统,直到第二天7点)。天天要我发,老实说,不胜其烦......
  • 信息课后题
    使用须知仅供参考正文p1.py>>>print('2+3=',2+3)2+3=5p11>>>a,b=3,'Hello'>>>type(a),type(b)(<class'int'>,<class'str'>)>>>len(b)5>>>Mpho......