2023年10月11日
编程式导航——两种路由跳转方式
摘要： 编程式导航：通过 JS 的方式实现路由跳转 如何实现点击按钮跳转？ 一、不传参： 1. 通过 path 路径跳转（简易方便） ① 简写： 按钮的点击事件中写 this.$router.push ( ' /路由路径 ' ) 比如：this.$router.push ( ' /search ' ) ② 阅读全文
posted @ 2023-10-11 21:32 1stzz1 阅读(151) 评论(0) 推荐(0)
Vue 路由——模式设置
摘要： 阅读全文
posted @ 2023-10-11 16:29 1stzz1 阅读(9) 评论(0) 推荐(0)
Vue 路由——重定向
摘要： 问题描述：网页打开，url 默认是 / 路径，未匹配到组件时，会出现空白 解决：重定向 → 匹配 path 后，强制跳转 path 路径 语法：{ path : 匹配路径 , redirect : 重定向到的路径 } const router = new VueRouter({ routes: [ 阅读全文
posted @ 2023-10-11 16:26 1stzz1 阅读(126) 评论(0) 推荐(0)
router-link：导航链接 / 声明式导航、跳转传参
摘要： vue-router 提供了一个全局组件 router-link（取代 a 标签） router-link 本质还是 a 标签 router-link 功能： ① 能跳转，配置 to 属性指定路径（必须），本质还是 a 标签，to 无需 # ② 能高亮，默认就会提供 高亮类名，可以直接设置高亮样式 阅读全文
posted @ 2023-10-11 14:26 1stzz1 阅读(184) 评论(0) 推荐(0)