el-button 里的 slot用法

最新推荐文章于 2024-02-19 14:27:12 发布

HZM_CSDN

最新推荐文章于 2024-02-19 14:27:12 发布

阅读量2k

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/hzm_csdn/article/details/127792109

版权

<el-button slot="append"></el-button> 里的 slot="append" 就是一个UI摆放的位置,其实就是封装的样式布局。

append：代表放在紧贴在依赖组件的后面

prepend：代表放在紧贴在依赖组件的前面

<el-form-item :label="$t('materialStock.materialName')">
                  <el-input v-model="condition.materialName"  clearable >
                    <el-button slot="append" icon="el-icon-search" @click.native="openDialog"></el-button>
                  </el-input>
                </el-form-item>