要在密碼兩字中間新增空格，發現直接新增  是識別不了的，正確寫法為：

程式碼：

 <el-form-item label="密 碼:" :label-width="formLabelWidth" prop="password">
   <label slot="label">密&nbsp;&nbsp;&nbsp;&nbsp;碼:</label>
   <el-input
    type="password"
    v-model="FormData.password"
    placeholder="請輸入密碼"
    autocomplete="off"
    show-password
   ></el-input>
   </el-form-item>

補充知識：vue + elementUI 給input輸入框新增 字型小圖示

基於vue框架，使用element-ui元件庫寫表單效果，需要新增字型小圖示，效果如下：

1.只需要新增prefix-icon="iconfont icon-xxx"即可（頭部插入）

//例如
<el-input 
 prefix-icon="iconfont icon-sousuo" 
 v-model="searchTableInfo" 
 placeholder="請輸入姓名" 
 style="width:240px"
></el-input>

2.新增suffix-icon=“iconfont icon-xxx”（尾部新增）

//例如
<el-input 
 suffix-icon="iconfont icon-sousuo" 
 v-model="searchTableInfo" 
 placeholder="請輸入姓名" 
 style="width:240px"
></el-input>

以上這篇vue用elementui寫form表單時,在label裡新增空格操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。