养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

elementUI如何添加select删除图标呢?

时间:2024-11-15 13:39:53

在使用elementUI开发项目时,如何让select下拉框带有删除图标呢?可以通雒贫贼敖过添加clearable属性来实现。如图:

elementUI如何添加select删除图标呢?

方法/步骤

1、打开vue文件,新建一个select下拉框标签。如图:

elementUI如何添加select删除图标呢?

2、在select标签上添加clearable属性,设置显示删除图标。如图:

elementUI如何添加select删除图标呢?

3、保存vue文件后用浏览器打开,选中一个下拉框内容。如图:

elementUI如何添加select删除图标呢?

4、这时候鼠标移动到下拉框选右边,即可看到删除图标。如图:

elementUI如何添加select删除图标呢?

© 一点知识