title: VueJS can't update v-text-field value dynamically
body: <p>I dynamically draw form input component (as in the image) using this code:
  In this case the <code>key</code> can be &quot;name&quot;,&quot;gruppo&quot;,&quot;codice&quot; and so on.</p>
  <pre><code>&lt;v-row&gt;
      &lt;v-col v-for=&quot;(key,i) in keys_visible&quot; :key=&quot;key&quot; v-if=&quot;headers_visible[i].visible == true&quot; cols=&quot;12&quot; sm=&quot;12&quot; md=&quot;12&quot;
          v-if=&quot;!(headers_visible[i].type == 'bit' &amp;&amp; editedItem[key] == -9)&quot;&gt;
          &lt;v-text-field @change=&quot;comp_change(key)&quot; v-else-if=&quot;headers_visible[i].type == 'varchar'&quot; v-model=&quot;editedItem[key]&quot; :label=&quot;headers_visible[i].text&quot;&gt;&lt;/v-text-field&gt;
      &lt;/v-col&gt;
  &lt;/v-row&gt;
  </code></pre>
  <p>Then I have <code>comp_change</code> function which is defined in <code>methods</code> block:</p>
  <pre><code>comp_change (par1) {    
      var self = this;    
      self.editedItem[&quot;name&quot;] = &quot;example text&quot;;           
  },
  </code></pre>
  <p>I have placed a <code>debugger;</code> at the beginning of <code>comp_change</code> function, and it stops everytime so the function is triggered, but without displaying new value in &quot;Nome&quot; field (which v-model is editedItem[&quot;name&quot;]). Why after <code>comp_change</code> I can't see &quot;example text&quot; in the field?</p>
  <p>The form is already opened when I fire change</p>
  <p><a href="https://i.stack.imgur.com/lQBSi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lQBSi.png" alt="enter image description here" /></a></p>