yj-psw

Install

npm:

npm install yj-psw --save

yarn:

yarn add yj-psw

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Customize configuration

• This is a password entry box component, after installing,you can use it like input component,only allow input Number;

Use

<template>
  <div class="home">
      <yj-psw v-model="value"></yj-psw>
  </div>
</template>

<script>
import YjPsw from "@/components/psw"
export default {
  components: {
    YjPsw
  },
  data(){
    return {
      value:""
    }
  },
}
</script>

params

支持的参数：

| 参数名 | 参数作用 | 参数类型 | 默认值 | | ----------- | ---------------- | -------- | ------ | | num | 密码框的个数 | Number | 6 | | width | 密码框的长度 | Number | 25 | | borderColor | 密码框的边框颜色 | String | #ccc |

views

默认情况

获取焦点

正在输入

输入完成