vuejs实现页面跳转的的几种方式

vuejs如何实现页面跳转，下面编程教程网小编给大家介绍2种方式，它们分别是router-link和click。

利用router-link实现跳转

//简单写法
<router-link to="index">首页</router-link>

//传参写法
<router-link :to="{ name: 'index', params: { userId: 123 }}">首页</router-link>

利用click实现跳转

<button @click="toURL">跳转页面</button>

methods:{
  toURL(){
    //简单写法
    this.$router.push({ path: '/index' })

    //传参写法
    this.$router.push({ name: 'index', params: { userId: 123 }})
  }
}

以上是编程学习网小编为您介绍的“vuejs实现页面跳转的的几种方式”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。