成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

vue用elementui寫form表單時(shí),在label里添加空格操作

瀏覽:140日期:2022-12-07 16:27:35

vue用elementui寫form表單時(shí),在label里添加空格操作

要在密碼兩字中間添加空格,發(fā)現(xiàn)直接添加  是識別不了的,正確寫法為:

vue用elementui寫form表單時(shí),在label里添加空格操作

代碼:

<el-form-item label='密 碼:' :label- 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>

補(bǔ)充知識:vue + elementUI 給input輸入框添加 字體小圖標(biāo)

基于vue框架,使用element-ui組件庫寫表單效果,需要添加字體小圖標(biāo),效果如下:

vue用elementui寫form表單時(shí),在label里添加空格操作

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表單時(shí),在label里添加空格操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue