使用text-security禁用input自动补全

text-security相当于微小的字体。用*替换原有的内容

1、安装text-security

npm i -S text-security

or 连接引用

<link href="https://noppa.github.io/assets/text-security/text-security.css" rel="stylesheet" type="text/css"> 

  <el-input

        ref="password"

        v-model="loginForm.password"

        placeholder="请输入密码"         

        type="text"

        :class="loginForm.password !=''?'no-autofill-pwd':''"

        autocomplete="off">

</el-input>

       

<style scoped>

        .no-autofill-pwd >>> .el-input__inner{

                font-family: text-security-disc !important;

                -webkit-text-security: disc !important;

        }

</style>