Vue js change input field after certain length

by gitamgadtaula

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p>{{ message }}</p>

  <input v-model="message" type="text">
  <input type="text" ref="myinput">
</div>

JavaScript

new Vue({
  el: '#app',
  data() {
    return {
      message: 'He'
    }
  },
  watch: {
    message(value) {
      if(value.length>6){
      console.log(value)
      this.$refs.myinput.focus()
      }
    }
  },
  methods: {
    mymethod(value) {
      console.log(value)
    }
  }
})