element-ui中的el-form表单验证,只有在提交按钮点击时才进行验证
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
element-ui中的el-form表单验证,只有在提交按钮点击时才进行验证,这样会减少消耗。看别人写的文章 ,只有在写怎么添加验证,不能满足我的需求。
其实很简单,直接在el-input上加一个属性就行,
<el-input
ref="nodeName"
v-model="form.nodeName"
maxlength="122"
show-word-limit
:validate-event="false" /> // 就是 本行所在的位置
rules: {
nodeName: [
{ required: true, message: '请输入名称' },
将'blur'去掉,是鼠标失去焦点的时候会触发验证
],
},
**在点击确定按钮的时候,触发函数,然后进行验证**
handleConfirm () {
this.$refs.form.validate((valid) => {
if (valid) {
// 向后台发送请求
} else {
//就像用户提示发生错误的消息
}
})
},
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)