第一种方式： 里面增加俩个<el-form-item>
<el-form-item label="表单项: ">
<el-form-item prop='input1'>
<el-input v-model="表格.数据1" size="mini" >...
第一种方式： 里面增加俩个<el-form-item>
<el-form-item label="表单项: ">
<el-form-item prop='input1'>
<el-input v-model="表格.数据1" size="mini" ></el-input>
</el-form-item>
<el-form-item prop='input2'>
<el-input v-model="表格.数据2" size="mini" ></el-input>
</el-form-item>
</el-form-item>
第二种方式：在一个prop里面写俩个验证规则
<script>
export default {
data() {
const V_beginTime = (rule, value, callback) =>{
if (!value.trim()) {
return callback(new Error('请输入开始时间'))
}else if(this.dataForm.endData){
return callback(new Error('请输入结束时间'))
}else if (this.dataForm.endData <= value) {
return callback(new Error('结束时间需大于开始时间'))
} else {
callback()
}
}
return {
rules: {
beginTime: [{ required: true, validator: V_beginTime, trigger: 'blur' }]
-
发表于 2020-06-23 00:03
- 阅读 ( 606 )
- 分类：web前端开发
