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

最新推荐文章于 2024-09-14 18:34:40 发布

小识谭记

最新推荐文章于 2024-09-14 18:34:40 发布

阅读量2.1k

点赞数 2

文章标签： vue.js

本文链接：https://blog.csdn.net/hurryupp/article/details/132019084

版权

在这里插入图片描述

  <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时代的写法了。