Vue-mg-modal-keypad NPM

vue-mg-modal-keypad

npm npm

Installation

npm i vue-mg-modal-keypad

Usage

app.js

import ModalKeypad from 'vue-mg-modal-keypad'
Vue.component('ModalKeypad', ModalKeypad)

Example:

<template>
  <section class="container mt-2">
    <modal-keypad v-model="value" />
    <modal-keypad v-model="value2" layouts="123|456|789|0-.|{del:backspace}{ok:ok}" />
  </section>
</template>

<style lang="scss" scoped>
</style>

<script>
import ModalKeypad from '../src/vue-mg-modal-keypad'
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
export default {
  data() {
    return {
      value: '',
      value2: '',
    }
  },
  methods: {
    ///
  },
  components: {
    ModalKeypad,
  },  
}
</script>