大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
router-view 实现路由内容的地方,引入组件时写到需要引入的地方
需要注意的是,使用vue-router控制路由则必须router-view作为容器。
通过路由跳转的三种方式
1、router-link 【实现跳转最简单的方法】
<router-link to='需要跳转到的页面的路径>
浏览器在解析时,将它解析成一个类似于<a>
的标签。
2、this.$router.push
常用于路由传参,用法同第三种
区别:
- query引入方式
params只能用name来引入路由
而query 要用path引入
- query传递方式
类似于我们ajax中get传参,在浏览器地址栏中显示参数
params则类似于post,在浏览器地址栏中不显示参数
举例:
this.$router.push({
path: '/rental-list/transfer',
query: {
id: this.roleId,
ids: this.checkList
}
在跳转的页面,即路径为rental-list/transfer的页面接收参数
let id = this.$route.query.id //接收id
3、this.$router.replace{path:‘/’ }类似,不再赘述
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/157429.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...