dd
<el-form-item label="所管理的河库:" prop="riverIds">
<el-select v-model="MembersForm.riverIds" placeholder="请选择" multiple filterable clearable allow-create style="width: 100%">
<el-option v-for="(item,id) in libraryList" :label="item.name" :value="item.id" :key="id"></el-option>
</el-select>
</el-form-item>
上面事例里面的v-model里面是riverIds是后台读取的一个类型值,
当这个riverIds和id相等的时候,option就相当于设置了selected。
后台读取的数据遇到这样个问题,没法显示真正的name(即上面option中label)的值,只是显示了id的真实值。
解决方法:后台读取到的Id是字符串比如:“1”,而option根据value查找对比的是数字int:1,所以每次后台读取的数据必须在paraeInt,才可以正确显示。