vue3 elementPlus 解决密码框自动填充问题

  <el-input
     v-model="formLabelAlign.password"
      placeholder="请输入密码"
      :type="passType"
      autocomplete="new-password"
 />

const passType = ref<'password' | 'text'>('text')

onMounted(() => {
  setTimeout(() => {
    passType.value = 'password'
  }, 400)
})

两个要点：

• 首先进入页面的时候要让type为text,这样就不会一进页面就填充进去，然后延时个400毫秒，再把type变为password，当然时间也可以设置的再长一点, 比如1000。
• autocomplete=“new-password” 然后是要设置一下这个属性，加在密码输入框上，这样在密码框鼠标聚焦的时候就不会自动填充上了，只会给一个弹框。网上很多auto-complete="new-password"这种写法是不生效的，这可能是不是Plus版本的写法，是vue2时代的写法了。