vue-input-code

基於Vue2.0的移動端驗證碼輸入元件.

功能預覽

• 輸入回撥
• 完成回撥
• 自定義驗證碼個數
• 樣式可控

支援

支援 Vue.js 2.0+.

安裝和使用

npm install vue-input-code --save

• 作為全域性元件使用

//在專案入口檔案
import Vue from 'vue'
import VueInputCode from 'vue-input-code'
Vue.component('VueInputCode', VueInputCode)

• 作為區域性元件

//在某個元件中
import VueInputCode from 'vue-input-code'
 

export default {
  components: {
    VueInputCode
  }
}

HTML中使用:

<vue-input-code span-size="20px" type="number" :number="5" height="50px" span-color="#f35252" input-color="#3498db" input-size="24px" :code="code" :getinput="getInput" :success="success"></vue-input-code>

API

Props

http://www.tuicool.com/articles/Z7byuq