核心代码解析: :type="flagType"为动态绑定data中的flagType:'password', :class="[this.flag?'iconfont icon-zhengyan':'iconfont icon-biyan']"为动态样式 ,默认显示闭眼状态 getFlag()函数,切换小眼睛图标 <!-- 密码 --><el-form-itemlabel="密码"prop="password"><el-inputplaceholder="请输入密码":...
:type="flagType" 为动态绑定data中的flagType:'password', :class="[this.flag?'iconfont icon-zhengyan':'iconfont icon-biyan']" 为动态样式 ,默认显示闭眼状态 getFlag()函数,切换小眼睛图标 <!-- 密码 --> <el-form-itemlabel="密...
实现密码输入框的显示和隐藏功能 ( 以下以小程序开发为例 ) 功能简述:密码输入框默认内容是不可见的,当点击右侧的眼睛变为可见,再点击右侧眼睛变为不可见,如下图所示 实现思路:使用两个input组件,第一个input组件type属性设置为 password ,不可见时显示,第二个input组件 type 属性设置为 text,可见时显示该组件,...