Element UI 输入框右侧图标占满宽度解决方案

在 Element UI 的 el-input 组件中，我们可以使用 slot="suffix" 在输入框右侧添加图标。想要让这个图标占满整个输入框的宽度，可以使用以下方法：

1. 在图标元素 <i> 上添加 style="width: 100%;" 属性，将图标的宽度设置为 100%。

完整代码示例如下：

<div>
  <el-input v-model="input" placeholder="请输入内容">
    <template slot="suffix">
      <i class="el-icon-search" @click="goMore" style="width: 100%;"></i>
    </template>
  </el-input>
</div>

通过这种方式，我们就可以轻松地让右侧的图标占满整个输入框的宽度，提升用户体验。