title: Vue v-model.lazy or @change does not update my Vue data
body: <p>With chrome build in voice recognition I change the textarea value with spoken words. After the value changes, my vue data does not update.</p>
  
  <p>I already tried v-model.lazy, @change and v:bind.</p>
  
  <p><strong>Vue template</strong></p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;textarea v-model.lazy="textboxInput" contenteditable="true" @change="onDivInput($event) " class="form-control" id="result" rows="1" name="inputData"&gt;&lt;/textarea&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>Vue code</strong></p>
  
  <pre><code>export default {
      data() {
          return {
              result: [],
              textboxInput: '',
              session_id: this.sessionid,
              user: this.userid,
              edit: false,
              roundRobin: JSON.parse(this.roundrobin),
          }
      },
      props: {
          sessionid: '',
          userid: '',
          roundrobin: '',
  
      },
      mounted() {
          this.getResult();
          this.listen();
          this.mod();
  
      },
  
  
      methods: {
          onDivInput: function (e) {
  
              this.textboxInput = e.target.innerHTML;
              console.log(e);
          },
  </code></pre>
  
  <p><strong>Javascript where textarea value changes
  R is the textarea</strong></p>
  
  <pre><code>try {
      let finalTranscripts = '';
      if ('webkitSpeechRecognition' in window &amp;&amp; hasUserMedia) {
          let speechRecognizer = new webkitSpeechRecognition();
          speechRecognizer.continuous = false;
          speechRecognizer.interimResults = true;
          speechRecognizer.lang = 'nl-be';
          speechRecognizer.start();
  
  
  
          speechRecognizer.onresult = function (event) {
              let interimTranscripts = '';
              for (let i = event.resultIndex; i &lt; event.results.length; i++) {
                  let transcript = event.results[i][0].transcript;
                  transcript.replace("\n", "&lt;br&gt;");
                  if (event.results[i].isFinal) {
                      finalTranscripts += transcript;
                  } else {
                      interimTranscripts += transcript;
                  }
              }
              r.innerHTML = finalTranscripts + interimTranscripts;
  
  
          }
  
  
          ;
          speechRecognizer.onerror = function (event) {
              speechRecognizer.stop();
          };
      } else {
          r.innerHTML = 'Your browser is not supported. If google chrome, please upgrade!';
      }
  } catch (ex) {
      e.innerHTML = ex;
  }
  </code></pre>
  
  <p><em>If the innerhtml of the textarea changes i want that my data updates aswell.</em></p>