vue.js之编程式路由-给router-link的点击事件

今天学习编程式路由，在给router-link添加点击事件之后，发现它无法渲染出来，百度之后，发现要加上一个native。于是改成这样，代码如图：

<router-link @click.native="gotoing()" >
                这是编程路由学习哦
</router-link>








 methods:{
      gotoing:function(){
        console.log(this)
        this.$router.push('/CodeRouter')
      }
    }

悲催的是还是报错 

 

后来发现还是要把router-link改成其它标签就可以，例如改成a或者button。如下：

  <a @click="gotoing()" >
                这是编程路由学习哦
   </a>

出来了，运行结果如图：