在element中，下拉框可以使用select标签元素，常规的下拉框可以是value和label组成；但是，有时需要将下拉框展示更多内容，可以使用自定义下拉框。下面利用实例说明：工具/原料morevueelementJavaScript浏览器截图工具HBuilderX方法/步骤1/6分步阅读

第一步，创建vue项目，在components文件夹下，新建vue组件SelfSelect.vue

2/6

第二步，在template标签中，插入el-select标签，并绑定对应的值和标签，还有span

3/6

第三步，在script标签中，定义users数组；然后初始化变量value

4/6

第四步，在App.vue文件中，导入SelfSelect组件，并在div标签引用

5/6

第五步，保存代码并运行项目，打开浏览器，查看下拉框显示的效果

6/6

第六步，在el-select标签中添加属性clearable和multiple，然后保存并刷新浏览器，查看界面效果

注意事项

注意如何在element实现自定义下拉框

注意如何设置下拉框多选功能和可清除内容

VUEELEMENTSELECTCLEARABLEMULTIPLE