效果展示：
uniapp input 官网链接：链接
按照官方文档，uni-icon出不来。
通过自己的方法解决了，解决方案如下：
代码：
<uni-forms-item name="password">
<input
class="uni-input"
placeholder="请输入密码"
:password="!showPassword"
v-model="loginInfo.password"
/>
<uni-icons
type="eye"
size="30"
@click="changePassword"
color="rgb(2 ,135, 253)"
v-if="showPassword"
></uni-icons>
<uni-icons
type="eye-slash"
size="30"
@click="changePassword"
v-else
></uni-icons>
</uni-forms-item>思路如下：文章来源：https://www.toymoban.com/news/detail-850395.html
通过v-if控制显示不同的眼睛（即选中/未选中状态）文章来源地址https://www.toymoban.com/news/detail-850395.html
//js方法
changePassword() {
console.log("chick showPassword>>>", this.showPassword);
this.showPassword = !this.showPassword;
},到了这里，关于uniapp 密码框的眼睛的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
