技術標籤：UI 框架elementui

需要給input框前面新增圖示

只需要在input中新增一個 prefix-icon="el-icon-user-solid" 即可

  <el-form-item prop="username">
          <el-input
            prefix-icon="el-icon-user-solid"
            v-model="loginForm.username"
            placeholder=
 
"請輸入使用者名稱"
          ></el-input>
        </el-form-item>

效果如下

需要給input框後面新增圖示

只需要在input中新增一個 suffix-icon="el-icon-user-solid" 即可

<el-form-item prop="username">
          <el-input
            suffix-icon="el-icon-user-solid"
            v-
 
model="loginForm.username"
            placeholder="請輸入使用者名稱"
          ></el-input>
        </el-form-item>

效果如下

是否顯示密碼

只需要在input中新增一個 show-password 即可

  <el-form-item prop="password">
          <el-input
            prefix-icon="el-icon-s-goods"
 

            v-model="loginForm.password"
            show-password
            placeholder="請輸入密碼"
          ></el-input>
        </el-form-item>

效果如下