在使用element-plus el-input 時骨田,添加autocomplete="off"無效爬迟,根據(jù)網(wǎng)上的說法改為autocomplete="new-password"恃慧,功能是實現(xiàn)了部服,但是在控制臺會出現(xiàn)警告:[Vue warn]: Invalid prop: custom validator check failed for prop "autocomplete". 遇到強(qiáng)迫癥的人這怎么能忍得了~~ 如下圖:
導(dǎo)致這個警告的原因就是你沒有按照官方文檔給的標(biāo)準(zhǔn)值“on/off”賦值
解決辦法
先設(shè)置el-input為readonly, 當(dāng)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>
最終打開控制臺一看哟忍,警告沒有了,舒服~~~