uniapp 密码框的眼睛

本文主要是介绍uniapp 密码框的眼睛，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

效果展示：

uniapp input 官网链接：链接

按照官方文档，uni-icon出不来。

通过自己的方法解决了，解决方案如下：

代码：

                 <uni-forms-item name="password"><inputclass="uni-input"placeholder="请输入密码":password="!showPassword"v-model="loginInfo.password"/><uni-iconstype="eye"size="30"@click="changePassword"color="rgb(2 ,135, 253)"v-if="showPassword"></uni-icons><uni-iconstype="eye-slash"size="30"@click="changePassword"v-else></uni-icons></uni-forms-item>

思路如下：

 通过v-if控制显示不同的眼睛（即选中/未选中状态）

//js方法changePassword() {console.log("chick showPassword>>>", this.showPassword);this.showPassword = !this.showPassword;},

这篇关于uniapp 密码框的眼睛的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---