关于vue项目Element-UI 表单input输入框判定输入是不是为数字

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于vue项目Element-UI 表单input输入框判定输入是不是为数字相关的知识,希望对你有一定的参考价值。

参考技术A 记录,关于input判断输入是否为数字

refs可以判断是否必填和非必填,我这没有必填数据就没有做判单

关于自定义的element-ui表单组件的校验

参考技术A TSS 自定义了基础组件 ElTreeSelect。在 el-form 中使用时,会出现异常现象:

选择数据后,关闭并重置表单(resetFields),会触发 ElTreeSelect 表单项的校验,导致再次打开表单时,表单项 ElTreeSelect 有校验提示(比如:必填)

组件 ElTreeSelect 内部引用了 el-input 组件,其在 value props 变化时会触发 el-form 表单的 validate 表单校验。源码: https://github.com/ElemeFE/element/blob/55bac06f0f9e26b820518243f3987cab9699001b/packages/input/src/input.vue#L266

给组件 ElTreeSelect 内部的 el-input 组件设置 props: validate-event=false。

表单项 ElTreeSelect 的校验在 change、blur 时不会如期望触发,只会在点击表单提交时校验才会触发。

组件 ElTreeSelect 在 value props 变化时,没有触发 el-form 表单的 validate 表单校验。

照葫芦画瓢,同 element-ui 表单组件一样,在 value 监听器中校验值变化,并触发表单校验。

需要依赖的方法和工具函数可以从官方源码中获取。

以上是关于关于vue项目Element-UI 表单input输入框判定输入是不是为数字的主要内容,如果未能解决你的问题,请参考以下文章

关于自定义的element-ui表单组件的校验

element-ui表单input输入框获取自动聚焦功能

element-ui表单input输入框获取自动聚焦功能

element-ui表单input输入框获取自动聚焦功能

element-ui表单提交

Vue + Element-ui实现后台管理系统---封装一个Form表单组件和Table表格组件