<el-button slot="append"></el-button> 里的 slot="append" 就是一个UI摆放的位置,其实就是封装的样式布局。
- append:代表放在紧贴在依赖组件的后面
- prepend:代表放在紧贴在依赖组件的前面
<el-form :model="form" label-width="0px">
<el-form-item>
<el-input v-model="form.account">
<el-button slot="prepend" icon="el-icon-user"></el-button>
</el-input>
</el-form-item>
<!--登录的密码-->
<el-form-item>
<el-input v-model="form.password" show-password>
<el-button slot="prepend" icon="el-icon-lock"></el-button>
</el-input>
</el-form-item>