Keyboard 键盘

import { Keyboard } from 'feui';
components: {
  [Keyboard.name]: Keyboard
},
data() {
  return {
    showKeyboard1: false,
    showKeyboard2: false
  }
},
methods:{
  onInput(val){
    console.log(val);
  },
  onDelect(val) {
    console.log(val);
  }
}

代码演示

普通键盘

<fe-button :gradients="['#1D62F0', '#19D5FD']" 
  @click.native='showKeyboard1 = !showKeyboard1' >
  打开普通键盘
</fe-button>
<fe-keyboard :show="showKeyboard1" extra-key='.' 
  @input="onInput" @delete="onDelete" 
  @blur="showKeyboard1 = false">
</fe-keyboard>

自定义键盘

<fe-button :gradients="['#0D2633', '#007FBF']" 
  @click.native='showKeyboard2 = !showKeyboard2' >
  打开自定义键盘
</fe-button>
<fe-keyboard :show="showKeyboard2" extra-key='X' 
  theme='custom' @input="onInput" close-button-text="完成/确定" 
  @delete="onDelete" @blur="showKeyboard2 = false">
</fe-keyboard>

API

Events