Vue-number-panel NPM

Requirements

Vue.js ^2.0

npm

npm install --save vue-number-panel
or
yarn add vue-number-panel

Usage

// main.js
import Vue from "vue";
import VueNumberPanel from "vue-number-panel";
Vue.use(VueNumberPanel);

<!-- tempalte -->
<vue-number-panel
  :visible.sync="visible"
  @input="input"
  @remove="remove"
  :theme="theme"
  confirmText="confirmText"
>
</vue-number-panel>

// javascript
export default {
  data() {
    return {
      visible: false,
      number: "",
      theme: "#409EFF",
      confirmText: "OK",
    };
  },
  methods: {
    show() {
      this.visible = true;
    },
    input(number) {
      this.number = number;
    },
    remove(number) {
      this.number = number;
    },
  },
};