Set currency externally

[eguvenc]

I want to set currency id using a variable, but get an error , help please

Here is my code:
<va-currency-input v-model="agreementEditedItem.grossSalary" :label="$t('employees.employeeAgreements.grossSalary')" :options="{ currency: currencyId, precision: 2 }" ></va-currency-input>

   [Vue warn]: Error in event handler for "hook:beforeUpdate": "RangeError: Invalid currency code : null"

[dm4t2]

currencyId seems to be null, isn't it? Otherwise, the source of <va-currency-input> would be helpful.

[eguvenc]

No it's not null, i set it manually.

Here is my script.

<template>
<div>
<v-row>
<va-currency-input
    v-model="agreementEditedItem.grossSalary"
    :options="{ currency: currencyId, precision: 2 }"
  ></va-currency-input>
</div>
</row>
</template>

export default {
  data() {
    return {
      currencyId: 'USD',
      agreementEditedItem: {
          grossSalary: null
       }
    }
   }
}

And below the codes source of va-currency-input

<template>
  <v-text-field
    v-bind="commonProps"
    :filled="filled"
    ref="inputRef" 
    @change="changeState"
  ></v-text-field>
</template>

<script>
import { useCurrencyInput } from 'vue-currency-input'
import Input from "../../../mixins/input";
import Editable from "../../../mixins/editable";

export default {
  mixins: [Input, Editable],
  props: {
    /**
     * Number to be edited.
     * @model
     */
    value: {
      // type: Number,
      default: null,
    },
    /**
     * Use full filled background color style.
     */
    filled: {
      type: Boolean,
      default: true,
    },
    options: Object
  },
  methods: {
    changeState(value) {
        this.change(value)
        this.update(value, true)
    },
  },
  setup(props) {
    const { inputRef } = useCurrencyInput(props.options)
    return { inputRef }
  }
};
</script>

[dm4t2]

I can only guess, but you mixed up both Composition API and Options API (mixins) in your component, probably causing your issue.
A working example for Vue2+Vuetify can be found in the Vue2 example repo.

[eguvenc]

It works fine! Thanks.....