【vue+uniapp2.0】登录密码轻松展示隐藏

登录页面：点击小眼睛图标隐藏和显示密码

<u--input
  maxlength="20"
  :type="pwdFlag == true ? 'password' : 'text'"
  v-model="loginForm.password"
  placeholder="请输入密码"
  prefixIcon="lock-fill"
  prefixIconStyle="font-size: 22px;color: #3098f6"
>
  <template slot="suffix">
    <u-icon
      :name="pwdFlag == true ? 'eye-off' : 'eye-fill'"
      color="#2979ff"
      size="28"
      @click="pwdFlag = !pwdFlag"
    ></u-icon>
  </template>
</u--input>

data() {
    return {
      pwdFlag: true,
    };
  },