I don't have a solution for the problem but I'll leave the code with the bug below, thanks. Parent Component ```html ``` ```javascript import AutoNumericInput from "./AutoNumericInput.vue"; import { ref } from "vue"; export default { components: { AutoNumericInput, }, setup() { let ViewModel = ref(0); let teste = [ { masked: false, prefix: "", suffix: "#", thousands: ",", decimal: ".", precision: 2, disableNegative: false, disabled: false, min: null, max: null, allowBlank: false, minimumNumberOfCharacters: 0, }, { masked: false, prefix: "R$", suffix: "", thousands: ",", decimal: ".", precision: 2, disableNegative: false, disabled: false, min: null, max: null, allowBlank: false, minimumNumberOfCharacters: 0, }, { masked: false, prefix: "", suffix: "%", thousands: ",", decimal: ".", precision: 2, disableNegative: false, disabled: false, min: null, max: null, allowBlank: false, minimumNumberOfCharacters: 0, }, { masked: false, prefix: "", suffix: "º", thousands: ",", decimal: ".", precision: 2, disableNegative: false, disabled: false, min: null, max: null, allowBlank: false, minimumNumberOfCharacters: 0, }, ]; let config = ref({ masked: false, prefix: "", suffix: "#", thousands: ",", decimal: ".", precision: 2, disableNegative: false, disabled: false, min: null, max: null, allowBlank: false, minimumNumberOfCharacters: 0, }); const atualizarViewModel = (e) => { ViewModel.value = e; }; return { ViewModel, atualizarViewModel, config, teste, }; }, }; ``` Child Component ```html ``` ```javascript import { Money3Component } from "v-money3"; import { watch, ref } from "vue"; export default { components: { money3: Money3Component }, props: { ViewModel: { type: [String, Number], required: false, default: 0, }, atualizaTab: { type: Boolean, required: false, default: false, }, config: { type: Object, required: true, default() { return { masked: false, prefix: "$", //$ suffix: "#", //# thousands: ",", decimal: ".", precision: 2, disableNegative: false, disabled: false, min: null, max: null, allowBlank: false, minimumNumberOfCharacters: 0, }; }, }, }, emits: ["atualizarViewModel"], setup(props, context) { let valueInput = ref(0); const atualizaBlur = () => { if (props.atualizaTab) { context.emit("atualizarViewModel", valueInput.value); } }; if (!props.atualizaTab) { watch(valueInput, () => { context.emit("atualizarViewModel", valueInput.value); }); } watch(props, () => { valueInput.value = props.ViewModel; }); return { valueInput, atualizaBlur, }; }, }; ```

Config option (prefix and suffix) sharing information when typing in input inside a v-for #49

Company

Community

Support

Connect