在做一个弹窗的时候遇到了一个问题,当以及分类的下拉框等于固定的几个值的时候就会显示二级下拉框,二级下拉框是多选的,保存的时候是存的value
数据回显的时候页数这样返回的,但是页面不显示,目前数据回显是这样的
能察觉到不对,应该是要根据返回的value来查找相对应的name ,但是具体操作就不知道该咋写,请问是思路有误吗?
下面贴上代码片段
```html
<el-row style="width: 100%">
<el-col style="width: 50%">
<el-form-item
prop="typeKey0"
label="一级分类"
:rules="[
{
required: true,
trigger: ['blur', 'change'],
message: '一级分类不能为空'
}
]"
>
<el-select
clearable
v-model="propertyForm.typeKey0"
style="width: 320px"
@change="prodChange"
>
<el-option
v-for="item in options.typeKey0"
:key="item.value"
:label="item.name"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
style="width: 50%"
v-if="
this.propertyForm.typeKey0 == '130' ||
this.propertyForm.typeKey0 == '131' ||
this.propertyForm.typeKey0 == '132' ||
this.propertyForm.typeKey0 == '133' ||
this.propertyForm.typeKey0 == '135'
"
>
<el-form-item
prop="selects"
label="二级分类"
:rules="[
{
required: true,
trigger: ['blur', 'change'],
message: '二级分类不能为空'
}
]"
>
<xn-select
clearable
v-model="propertyForm.selects"
style="width: 320px"
multiple
>
<xn-option
v-for="item in options.selectsOptions"
:key="item.catalogValue"
:label="item.catalogName"
:value="item.catalogValue"
>
</xn-option>
</xn-select>
</el-form-item>
</el-col>
```