在el-tab-pane下的form表达验证怎么不显示
时间: 2023-09-11 21:06:28 浏览: 78
解决vue中el-tab-pane切换的问题
5星 · 资源好评率100%
如果在 `el-tab-pane` 下的表单验证提示信息没有显示,可能是因为你没有添加 `rules` 属性或者没有设置错误提示信息。
请确保在表单组件中设置了 `rules` 属性,例如:
```html
<el-form ref="form" :model="form" :rules="rules">
<!-- 表单项 -->
</el-form>
```
同时,在 `rules` 属性中设置了验证规则和错误提示信息,例如:
```js
data() {
return {
form: {
// 表单数据
},
rules: {
// 表单验证规则和错误提示信息
username: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
{ min: 3, max: 20, message: '用户名长度在3到20个字符之间', trigger: 'blur' }
],
password: [
{ required: true, message: '请输入密码', trigger: 'blur' },
{ min: 6, max: 20, message: '密码长度在6到20个字符之间', trigger: 'blur' }
]
}
}
}
```
如果以上设置都正确,但是验证提示信息仍然没有显示,可能是因为样式问题。你可以在页面中添加以下样式来解决:
```css
.el-form-item__error {
display: block !important;
}
```
阅读全文