简介
vue-password-strength 是一个基于 Vue.js 的密码强度校验组件。它可以对用户所输入的密码进行检测，并返回一个强度评级结果，以及建议的安全密码组成方式。此npm包可以帮助开发者在自己的 Vue.js 项目中快速集成一个密码强度校验功能。
安装
通过 npm 安装 vue-password-strength 包：
--- ------- --------------------- ------
使用
在 Vue.js 项目中引入 vue-password-strength：
------ ------------------- ---- -----------------------
------ ------- -
----------- -
-------------------
-
-然后在 HTML 模板中使用：
---------- ---------------------- ------------------ -- -----------
其中 password 是你需要绑定的密码属性。
属性
v-model：观察并绑定密码属性，必须minLength：最小字符数，默认为 8，可选maxLength：最大字符数，默认为 16，可选
事件
strengthChange：当密码强度发生改变时触发事件，返回当前密码强度等级
示例代码
----------
-----
------------------------- ---------
-------------
---------------------- ------------------ -------------- --------------- ---------------------------------------
------------------------
------------ ------------- ------
------
-----------
--------
------ ------------------- ---- -----------------------
------ ------- -
----------- -
-------------------
--
------ -
------ -
--------- ---
-------------- -
-
--
-------- -
--------------------------- -
------------------ - -----
-
-
-
---------总结
vue-password-strength 是一个功能很强大但是又十分简单易用的 Vue.js 组件。通过本文，你已经学习到了如何在你的项目中集成这种密码强度校验功能，并了解了它的一些属性和方法。希望本文能够对你有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600668e9d9381d61a3540bdf