【Vue+Element-UI】el-input使用clearable后出现两个关闭图标

前言

业务需求： 根据业务需要封装了带搜索条件的组件，在el-input组件上使用clearable后，出现了两个关闭图标的现象。
实现思路： 参考Element-UI官方Table表格组件。

---

一、现象描述

在不同的页面，引用了同一个封装好的组件，出现了两种现象：一个页面正常，一个页面出现两个关闭图标。

1、一个页面

正常显示一个关闭按钮。

2、另一个页面

出现两个关闭按钮（图标），前一个能点击，后一个不能点击。

二、相关代码

1、封装组件：el-input设置clearable

在el-popover的内部嵌套的input，el-input组件设置clearable