不让浏览器保存密码的解决方法

1.css样式 -webkit-text-security: disc;

2.js 用的vue写的

<div class="input">
      <input type="text" class="password" Width="300" ID="txtMask" MaxLength="30" Enabled="false" v-model="mask">
      <input type="text" class="password" Width="300" ID="txtPassword" MaxLength="30" v-model="password" @keyup="enter">
    </div>

data () {
    return {
      mask: '',
      password: ''
    }
  },
methods: {
    enter() {
      var s = '';
      for (var i = 0; i < this.password.length; i++)
        s = s + '*';
      this.mask = s;
    }
  }

#txtPassword {
    opacity:0;
  }
  input {
    width: 200px;
    line-height: 40px;
    font-size: 18px;
  }
  div.input {
    position: relative;
  }
  div.input input {
    position: absolute;
    left: 0;
  }

<input onfocus="this.type='password'" autocomplete="off" placeholder="8-20位字母和数字组合登录密码" type="password">