vuejs怎么实现路由跳转？

vuejs如何实现路由跳转？下面web建站小编给大家简单介绍一下如何现实路由跳转！

1、利用router-link实现路由跳转

<template>
  <div>
    <div class="footer_wrap">
      <router-link to="/tools">web建站</router-link>
      <router-link to="/my">我的</router-link>
      <router-link to="/vuejs">vuejs</router-link>
    </div>
    <div class="top">
      <router-view></router-view>
    </div>
  </div>
</template>

2、利用router实现路由跳转

this.$router.push({ name:'web', query:{ name:'cnweb', age:'12' } })

简单介绍vue两个路由之间的跳转（代码介绍）

vue路由跳转如何在新窗口打开？

react点击链接路由跳转页面空白怎么解决

react路由跳转方式与路由前进回退代码介绍

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

标签： router-link, 路由跳转

上面是“vuejs怎么实现路由跳转？”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

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

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