vuejs怎么实现路由跳转?

985 ℃

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,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
如何让SEO优化的网站获得精准的流量?
MySQL语法创建一个包含ibd文件的数据表基本操作
dede:list列表只显示图片文章,没图片的不显示
帝国cms后台登录次数5次错误账号被锁
帝国CMS功能之搜索列表显示页关键字高亮的更改