TouchKeyboard

Installation

npm install vue-js-keyboard

or

yarn add vue-js-keyboard

Initialization

import Vue from 'vue'
import TouchKeyboard from 'vue-js-keyboard'
import 'vue-js-keyboard/dist/TouchKeyboard.css'

Vue.use(TouchKeyboard);

Usage

<template>
    <div id="app">
        <h1>{{val}}</h1>
        <touch-keyboard v-model="val"/>
    </div>
</template>

<script>
export default {
    data() {
        return {
            val: ''
        }
    },
}
</script>

Page Usage

<template>
    <div id="app">
        <h1>{{val}}</h1>
        <touch-keyboard v-model="val"/>
    </div>
</template>

<script>
import {TouchKeyboard} from 'vue-js-keyboard'
import 'vue-js-keyboard/dist/TouchKeyboard.css'
export default {
    components: {TouchKeyboard},
    data() {
        return {
            val: ''
        }
    },
}
</script>

i18n

<template>
    <div id="app">
        <h1>{{val}}</h1>
        <touch-keyboard v-model="val" :i18n="i18n"/>
    </div>
</template>

<script>
export default {
    data() {
        return {
            val: '',
            i18n: {
                del: "退格",
                back: "返回",
                symbol: "符号",
                blank: "空格",
                caps: "大写",
                CAPS: "小写",
            }
        }
    },
}
</script>

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

1.2.1 (2020-02-22)

Bug Fixes

• fixed v-model not effect change (844aade)

1.2.0 (2020-02-22)

Features

• add change event (b0c4846)

Bug Fixes

• fixed css bug (89cf852)

1.1.3 (2020-02-19)

Bug Fixes

• add page use (a8380d7)

1.1.2 (2020-02-19)

1.1.1 (2020-02-19)

1.1.0 (2020-02-19)

Features

• init df635f0