可以通过给 el-input 组件添加 suffix-icon-align 属性来控制 suffix 插槽中的元素水平对齐方式,将其设置为 center 即可实现右侧 el-icon-search 居中。

代码示例:

<el-input v-model="input" placeholder="请输入内容" suffix-icon-align="center">
  <template slot="suffix">
    <i class="el-icon-search" @click="goMore"></i>
  </template>
</el-input>
div el-input v-model=input placeholder=请输入内容 template slot=suffix i class=el-icon-search click=goMorei template el-input div右侧el-icon-search如何居中

原文地址: https://www.cveoy.top/t/topic/eBEF 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录