<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>