Vue Custom Component with V-model

Question

I have a form which is built using custom components which is available for us to use. NOTE: I do not have access to the custom components , adding @input solution will not work for me. Is there any way i can get value from my custom components without making change in the component?

  <section class="container__content">
   <div>Details</div>
      <div class="personal-info">
        <textfield type="text" label="Name" placeholder="Shweta"></textfield>
         <textfield type="text" label="ID" placeholder="sm1234"></textfield>
       </div>

`any way i can get value from my custom components without making change in the component?` :-) — volna, Jun 05 '20 at 14:55
can you please share some code in which context you are trying to retrieve the values? (SO works this way, you show code people help you) — volna, Jun 05 '20 at 14:56
Does this answer helps you https://stackoverflow.com/questions/11563638/how-do-i-get-the-value-of-text-input-field-using-javascript ? — volna, Jun 05 '20 at 15:45
all typescript is just a version of JavaScript. Any valid JavaScript is valid typescript — volna, Jun 06 '20 at 21:52
Typescript just adds restriction to the way you write JavaScript — volna, Jun 06 '20 at 21:53

score 0 · Answer 1 · edited Jul 15 '22 at 05:03

If i understand you properly you need the $refs object. [https://v2.vuejs.org/v2/guide/components-edge-cases.html#Accessing-Child-Component-Instances-amp-Child-Elements][1] [1]: https://v2.vuejs.org/v2/guide/components-edge-cases.html#Accessing-Child-Component-Instances-amp-Child-Elements

basic code example:

<template>
<child ref="childA"></child>
<child ref="otherCHild></child>
</template>

this.$refs.childA.something
this.$refs.otherCHild.something

the two $refs variables will be the the value that is contained in the something variable in their respective children.

I use this in the utils libraries to keep an eye on changes that i want to trigger actions in the parent (like watching for upload completions or errors)

Vue Custom Component with V-model

1 Answers1