[Vuejs]-Trouble on inserting router-link to <li> with v-for VUE2.0

Try this:

<li v-for='child in item.children'>
  <a href="#" v-on:click.prevent="navigate(chidl.text)">
    {{child.text}}
  </a>
</li>

and then, in your methods:

navigate (to) {
  this.$router.push(to)
}

See more details here