Vue3 Web Component V-model

Question

i would to create a web component with vue3 for manage inputs and forms. But i have problem with two data binding. I define the web component in my html page.

and i hook the emit when i write

document.querySelector('#prova_di_un_input_text').addEventListener('update:value', function (e) {
        console.log("input cambiato", e, e.detail)

        let valore_da_aggiornare = e.detail[0].value
     
      });

but i don't understand how can update web component value after get new value.

thanks for every support

user_12464900 · Answer

You don't need to implement two-way data bindings in Vue (awesome, right?) yourself unless you need something specific. Just use v-model directive, here's the doc

Code example:

const myValue = ref('')

Vue3 Web Component V-model

1 Answers