vuejs如何实现路由跳转?下面编程教程网小编给大家简单介绍一下如何现实路由跳转!
1、利用router-link实现路由跳转
<template>
<div>
<div class="footer_wrap">
<router-link to="/tools">编程教程网</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' } })
以上是编程学习网小编为您介绍的“vuejs怎么实现路由跳转?”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vuejs怎么实现路由跳转?


猜你喜欢
- layui实现日历控件控制之前日期不可选择 2024-11-29
- 实例代码讲解ajax实现的无刷新分页 2022-12-15
- TypeScript 装饰器定义 2023-08-12
- CSS伪类/伪元素选择器整理 2024-03-10
- CSS实现元素浮动和清除浮动的方法 2024-03-11
- Ajax bootstrap美化网页并实现页面的加载删除与查看详情 2023-01-31
- Vue中如何实现封装请求方法 2025-01-13
- 通过绝对定位实现div重叠实例代码 2023-12-14
- 利用Access-Control-Allow-Origin允许指定多个域名跨域 2024-12-13
- React 中使用 Redux 的 4 种写法小结 2024-02-25