NumericInput.vue

<template>
 <div:class="wrapper">
 <vue-numeric:empty-value="emptyValue":min="min":max="max":minus="minus":precision="precision":placeholder="placeholder":class="className"type="number"v-model="number"></vue-numeric>
 </div>
</template>

<script>
importVueNumericfrom'vue-numeric';

constNumericInput= {
 props: {
 emptyValue: {
 type:Number,
 default:0
 },
 min: {
 type:Number
 },
 max: {
 type:Number
 },
 precision: {
 type:Number
 },
 placeholder: {
 type:String
 },
 separator: {
 type:String,
 default:','
 },
 minus: {
 type:Boolean,
 default:false
 },
 basic: {
 type:Boolean,
 default:false
 }
 },
 components: {
 VueNumeric
 },
 computed: {
className() {
return [
'form-control'
 ];
 },
wrapper() {
return [
!this.basic&&'md-form'
 ];
 }
 },
data: () => ({
 number:''
 }),
 watch: {
number () {
this.$emit('input', this.number);
 }
 }
};

exportdefaultNumericInput;
export { NumericInputasmdbNumericInput };
</script>


<style scoped>
</style>