<el-form
:label-position="labelPosition"
inline
label-width="100px"
:model="itemData"
:rules="rules"
ref="fromEdit"
>
<div class="zcsx" v-for="(item,index) in itemData.attributes" :key="index">
<el-row>
<el-col :span="12">
<el-form-item
:prop="'attributes.'+ index +'.name'"
:rules="rules.name"
label="属性名称"
>
<el-input
:disabled="operType !== 'detail'"
v-model="item.name"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="属性值类型"
:prop="'attributes.'+ index +'.valueType'"
:rules="rules.valueType"
>
<el-select
:disabled="operType !== 'detail'"
v-model="item.valueType"
placeholder="请选择"
>
<el-option
v-for="item in sxzList"
:key="item.id"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div>
</el-form>
规则:
rules: {
name: [
{
required: true,
message: '请输入属性名称',
trigger: 'blur',
},
],
valueType: [
{
required: true,
message: '请选择属性值类型',
trigger: 'blur',
},
],
},
关键步骤
:prop="'attributes.'+ index +'.name'"
:rules="rules.name"