Vue.js的安全密码输入组件 - vue-security-code

Vue.js的安全密码输入组件 - vue-security-code
插件名称 vue-security-code
发布时间 2020年11月10日
插件作者 LS1231

Vue.js应用程序的安全密码输入组件。

安装和下载:

# Yarn
$ yarn add vue-security-code

# NPM
$ npm install vue-security-code --save

用法:

<template>
    <security-code v-model="code"></security-code>
</template>

<script>
    import SecurityCode from 'vue-security-code'

    // Declare
    export default {
        components: { SecurityCode },
        data () {
          return {
            code: ''
          }
        }
    }
</script>

Props.

length: {
  type: Number,
  default: 4
},
placeholder: {
  type: String,
  default: '-'
},
theme: {
  type: String,
  default: 'block'
}