el-select 选中值后
时间: 2023-10-06 08:10:29 浏览: 218
el-select选中值后默认是可以删除的,但是如果需要禁止删除选中的值,可以通过设置el-select的disabled属性来实现。具体做法是将disabled属性设置为true,这样就会禁用删除选项的功能。
此外,如果需要实现el-select的多选功能并且选中的值不可删除,可以使用tag标签的形式展示选中的值,然后通过设置tag的closable属性为false来禁用删除按钮。这样就可以确保选中的值不会被删除。
另一种解决思路是实现el-select的数据懒加载,即只在需要展示数据时才加载数据,以提高性能。可以使用loadmore组件来实现这个功能,具体的实现方式可以参考相关的文档和示例代码。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题](https://download.csdn.net/download/weixin_38719564/13128690)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [el-select数据过多懒加载的解决(loadmore)](https://download.csdn.net/download/weixin_38582719/12941511)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文