Element UI Input组件右侧图标占据上下空间的实现方法

<div>
        <el-input v-model="input" placeholder="请输入内容">
          <template slot="suffix">
            <i class="el-icon-search" @click="goMore"></i>
          </template>
        </el-input>
      </div>右侧el-icon-search如何占据盒子上下内容：可以通过设置该元素的display属性为flex，并将其垂直和水平居中来实现占据盒子上下的效果。具体代码如下：
<style>
  .el-input__suffix {
    display: flex;
    align-items: center;
    justify-content: center;
  }
</style>