后台管理系统项目中遇到的问题

2019-11-21  本文已影响0人  Sunshine_488c

后台管理系统项目中遇到的问题


使用Element Form 验证input输入信息,输入正确的值后,验证的错误信息不消失

解决方法:

1.rules里面的校验对象值要和el-form-item中的prop值完全一样;

2.el-form使用:model传入要绑定的form对象,el-input使用v-model来双向绑定其value值;

使用Element Form 验证,如图所示,点击确定,表单不能提交,确定按钮被禁用,于此同时提示信息出现,全部输入正确才能点击确定按钮,在做这个的时候我遇到了一个问题,发布日期不能为空时,提示发布日期不能为空。

rules校验规则,PN   FC   中文描述,英文描述,发布日期等校验,当我把所有的都校验完准备提交的时候,再把发布日期的时间叉掉,就是不选的意思,结果控制台报出错误,说trim of undefind。是因为发布日期是时间控件,value.trim()==='  '是去除首尾空格的所以保错。把trim()===去掉问题解决。

校验发布日期的回调函数。

校验发布日期的回调函数。与上面的rules规则的函数名字相对应

英文描述主要是使用了elementUi上面的校验方法。正则表达式怎么写的
上一篇 下一篇

猜你喜欢

热点阅读