All files / components/Admin/common InputMoney.vue

100% Statements 2/2
100% Branches 0/0
100% Functions 0/0
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38                2x                                                 2x        
<template>
  <money
    v-model="currentPrice"
    v-bind="money"
    pattern="^[+-]?[1-9]{1,3}(?:,?[0-9]{3})*\.[0-9]{2}$|0\.[0-9][1-9]$"
    maxlength="12"
  ></money>
</template>
 
<script>
export default {
  name: "InputMoney",
  props: {
    price: Number,
  },
  data: () => ({
    currentPrice: 0,
    money: {
      decimal: ".",
      thousands: ",",
      prefix: "",
      suffix: "",
      precision: 2,
    },
  }),
  watch: {
    currentPrice: function () {
      this.$emit("setPrice", this.currentPrice);
    },
  },
  mounted() {
    this.currentPrice = this.price;
  },
};
</script>
 
<style scoped>
</style>