vnp-demo

基于Vue2.0开发的 移动端 数字密码输入框 组件

安装

npm install vue-number-pwd

使用

// 在main.js中注册插件
import vnp from "vue-number-pwd"
Vue.use(vnp)

// 直接在.vue中使用
<vue-number-pwd></vue-number-pwd>

配置

   <vue-number-pwd 
      :number="4"
      @validate="validate"
      @stepValidate="stepValidate"
    ></vue-number-pwd>

export default {
  name: 'app',
  methods: {
    validate(pwd){
      console.log(pwd);
    },
    stepValidate(pwd){
      console.log(pwd);
    }
  }
}

Props

name	Description	type	default
number	数字密码的位数	Number	4

Events

name	Description
validate	密码输入完成后的回调，传递输入的密码
stepValidate	每输入一次调用，传递当前输入的密码