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

vuejs如何实现页面跳转，下面web建站小编给大家介绍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 }})
  }
}

vue语法中双击事件和单击事件出现冲突怎么解决

vuejs简单介绍vue安装和卸载方法

jquery单击click()或双击dblclick()事件介绍

vue项目中实现链接跳转几种方法（打开新页面）

vuejs怎么实现路由跳转？

标签： click, router-link, vuejs

上面是“vuejs实现页面跳转的的几种方式”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2677.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！