Блог

Я использовал ввод vue-валюты для того, чтобы ввод выглядел как денежный номер. и я провожу тест на песочнице Codesandbox и успешно выполняю его. а затем я внедряю свои проекты laravel vue.

CurrencyInput.vue

 <template>
    <input class="form-control" ref="inputRef" :value="formattedValue" />
</template>

<script>
import useCurrencyInput from "vue-currency-input";

export default {
    name: "CurrencyInput",
    props: {
        modelValue: Number,
        options: Object
    },
    setup(props) {
        const { formattedValue, inputRef } = useCurrencyInput(props.options);

        return { inputRef, formattedValue };
    }
};
</script>
 

а это мой индекс.vue

 import CurrencyInput from "./CurrencyInput.vue";

export default {
  components: {
    CurrencyInput
  },
  data() {
        return {
            price: [
                {
                    id: 1,
                    amount: 6000
                },
                {
                    id: 2,
                    amount: 4000
                },
                {
                    id: 3,
                    amount: 6000
                }
            ],
        };
     },
   }
 

а затем я связываю данные

 <tr v-for="tipe in price" :key="tipe.id">
    <td>{{ tipe.id }}</td>
    <td style="width:60%">
       <CurrencyInput
          v-model="tipe.amount"
          options="{
             currency: 'EUR',
             currencyDisplay: 'hidden'
           }"
        />
     </td>
</tr>
 

Это совершенно то же самое с моим примером Codesandbox.
но у меня нет данных от vue dev, похоже на это. я получил нулевое значение из данных сумм.
нет значения данных

в песочнице я использовал vue 3, а в laravel-vue 2.