一、效果如下:
element-ui 簡單實現(xiàn)密碼輸入框的顯示與隱藏
二、實現(xiàn)代碼:
只需要在輸入框代碼中添加 show-password ,然后在你輸入密碼時會自動出現(xiàn)眼睛圖標(biāo),點擊圖標(biāo)就可以顯示和隱藏密碼。
<el-input type="password" prefix-icon="el-icon-lock" v-model="loginForm.passWord" show-password></el-input>
相關(guān)資料:文章來源:http://www.zghlxwxcb.cn/news/detail-516125.html
element-ui 圖標(biāo)庫: https://element.eleme.cn/#/zh-CN/component/icon文章來源地址http://www.zghlxwxcb.cn/news/detail-516125.html
到了這里,關(guān)于vue Element-Ui 簡單實現(xiàn)輸入框密碼的顯示與隱藏的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!