【解决】Element-plus el-input 添加autocomplete=”off”无效果 设置为new-password有警告：[Vue warn]: Invalid prop: cu…

在使用element-plus el-input 时，添加autocomplete=”off”无效，根据网上的说法改为autocomplete=”new-password”，功能是实现了，但是在控制台会出现警告：[Vue warn]: Invalid prop: custom validator check failed for prop “autocomplete”. 遇到强迫症的人这怎么能忍得了~~ 如下图：

导致这个警告的缘由就是你没有按照官方文档给的标准值“on/off”赋值

解决办法

先设置el-input为readonly, 当click时再改变readonly=false
代码如下：

<template>
  <el-input 
    v-model="datum.password"
    placeholder="请输入登录密码 长度8-16位"
    type="password"
    autocomplete="off"
    :readonly="datum.readonly"
    @click="datum.readonly = false"
  />
</template>
<script>
import { ref } from  vue 
export default {
  setup () {
    const datum = ref({ readonly: true })
    return { datum }
  }
}
</script>

最终打开控制台一看，警告没有了，舒服~~~