<el-form-item label="高度范围" prop="high_min">
<div class="row-input-height">
<el-col :span="10">
<el-form-item prop="high_min">
<el-input v-model="bindData.high_min" placeholder="最小高度"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item prop="high_max">
<el-input v-model="bindData.high_max" placeholder="最大高度"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">mm</el-col>
</div>
</el-form-item>
使用el-col来布局 ,里面el-form-item在重新设置规则
const builder = new RulesBuilder();
builder.field('high_min', '最小高度').typesNumberRequired({ message: '最小高度不能为空' });
builder.field('high_max', '最大高度').typesNumberRequired({ message: '最大高度不能为空' });
拓展:
当数据是后台传来的时候 configs是后台传来的数据
重点在于:prop="‘configs.’ + index+’.value’"
<el-form-item
v-for="(item,index) in formModel.configs"
:key="index"
:label="item.name"
prop="configs"
>
<div class="row-type">
<el-form-item prop="symbol">
<basic-select
v-model="formModel.configs[index].symbol"
:options="symbolList"
placeholder="请选择"
/>
</el-form-item>
<el-form-item
:prop="'configs.' + index+'.value'"
:rules="{
message: '只能是数字类型', trigger: 'blur', type: 'number'
}"
>
<basic-input
v-model.number="formModel.configs[index].value"
placeholder="请输入"
/>
</el-form-item>
</div>
</el-form-item>