关于PC端的密码框自动获取浏览器保存密码的问题[vue]

解决这个问题分为两步 1.加载页面不显示账号密码 2.点击密码框不显示账号密码

在网上可以查到 加载页面不显示账号密码,只需要在input 添加 autoComplete="new-password" 就可以实现了

那么点击密码框依然会出现浏览器保存的账号密码 ,也没有找到有效的办法 ,于是我自己想了一个办法

就从type里面下手吧
动态获取input的类型  也就是 默认是text的类型  当聚焦和失焦的时候进行一个判断 当输入内容发生变化的时候,type为密码类型  这样就会达到我们想要的结

<input v-model="userPass" :type="inputType" @focus="clickFocus()" @input="changeInput()" @blur="clickBlur()" autoComplete="new-password" placeholder="请输入密码" /> 

　　js实例:

clickFocus: function() {
      if (this.inputType == 'text') {
        this.inputType = 'text'
      } else {
        this.inputType = 'password'
      }
    },
    changeInput: function() {
      this.inputType = 'password';
    },
    clickBlur: function() {
      if (this.inputType == 'text') {
        this.inputType = 'text'
      } else {
        this.inputType = 'password'
      }
    },