<el-select style="width: 725px" v-model="temp.researcherAndFundManagerSelect" size="small" collapse-tags=false multiple filterable clearable class="filter-item w-200" placeholder="请选择" > <el-option v-for="item in researcherAndFundManagerList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> 数据下拉框回显时可以选中,但是数据label不显示在输入框当中
时间: 2024-02-10 07:09:45 浏览: 98
支持搜索的select下拉框
从你的代码中可以看出,你已经设置了 `collapse-tags` 属性为 `false`,并且也设置了 `multiple` 属性,所以问题很可能出在 CSS 样式上。
可以尝试在 CSS 样式中添加以下样式:
```
.el-select .el-tag {
margin-right: 5px;
}
```
这样可以保证选中的标签之间有一定的间距,并且在选中标签后,也会出现在输入框当中。
如果问题依然存在,还需要检查以下可能的原因:
1. `el-select` 样式被覆盖,可以通过浏览器的开发者工具检查 `el-select` 的样式是否存在或者是否被其他样式覆盖。
2. `el-select` 组件的数据绑定和渲染有问题,可以检查 `researcherAndFundManagerList` 中数据的格式是否正确,并且在选中后是否正确地更新了 `temp.researcherAndFundManagerSelect` 数组。
希望这些提示能够帮助你解决问题。
阅读全文