el-form-item 设置不允许为空
时间: 2023-12-14 21:31:31 浏览: 169
表单不能为空
el-form-item可以通过设置prop属性来实现不允许为空的效果,具体实现方法如下所示:
```html
<el-form-item label="标签名称" prop="tagName" :rules="[ { required: true, message: '标签名称不能为空', trigger: 'blur' } ]">
<el-input v-model="form.tagName" placeholder="请输入标签名称"/>
</el-form-item>
```
其中,prop属性用于指定表单项对应的数据模型字段,rules属性用于指定表单项的校验规则,required为必填项,message为校验不通过时的提示信息,trigger为触发校验的事件,这里设置为blur即失去焦点时触发校验。
阅读全文