Vue Element UI 表单验证值存在却验证失败，如何解决？
- 内容介绍
- 文章标签
- 相关推荐
本文共计394个文字，预计阅读时间需要2分钟。
一、示例：如图所示：有价值但验证失败
二、el-form: model=form :rules=rules
el-form-item label=数据模板 prop=template el-col :span=20 el-input type=textarea v-model=form.template :rows=8 placeholder=请输入数据模板一.如图：有值但是验证失败
二.
<el-form :model="form" :rules="rules"> <el-form-item label="数据模板" prop="template" > <el-col :span="20"> <el-input type="textarea" v-model="form.template" :rows="8" placeholder="请输入数据模板" :readonly="true" ></el-input> </el-col> </el-form-item> </el-form> export default { data() { return { form: { template: null } rules: [ template:{required: true, message: '数据模板不能为空', trigger: 'blur'} ] } } }
以上是正确的验证例子。
本文共计394个文字，预计阅读时间需要2分钟。
一、示例：如图所示：有价值但验证失败
二、el-form: model=form :rules=rules
el-form-item label=数据模板 prop=template el-col :span=20 el-input type=textarea v-model=form.template :rows=8 placeholder=请输入数据模板一.如图：有值但是验证失败
二.
<el-form :model="form" :rules="rules"> <el-form-item label="数据模板" prop="template" > <el-col :span="20"> <el-input type="textarea" v-model="form.template" :rows="8" placeholder="请输入数据模板" :readonly="true" ></el-input> </el-col> </el-form-item> </el-form> export default { data() { return { form: { template: null } rules: [ template:{required: true, message: '数据模板不能为空', trigger: 'blur'} ] } } }
以上是正确的验证例子。