模仿 adobe 基于 Bootstrap-vue 写的密码强度检测组件

file

分享平时开发的一些小组件,话不多说直接看gif动画效果。有兴趣的朋友继续完善!本组件模仿adobe,在输入未验证通过时一直呈现密码检测状态动画。希望的朋友记得多多支持

GitHub REP

在线预览效果: http://ofcold.com/login
Preview

  1. 支持隐藏显示密码
  2. 密码验证规则 大小写组合 阿拉伯字母

Installation

npm install ofcold-password --save

Usage

    <OfcoldPassword v-model="password"></OfcoldPassword>
import Vue from 'vue';
import BootstrapVue from 'bootstrap-vue'
import OfcoldPassword from 'ofcold-password';
Vue.use(BootstrapVue);
Vue.use(OfcoldPassword);

OR

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'
import OfcoldPassword from 'ofcold-password/src/App';
Vue.use(BootstrapVue);

export default {
    components: {
        OfcoldPassword
    }
}
Mujin
Mumujin
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!