欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue路由router-link

程序员文章站 2022-06-27 20:16:28
vue路由router-link 首先需要cnpm install vue-router 不过我之前在安装vue时已经顺便安装上了,哈哈 用法: 首先是最简单的写法: 带参数的跳转:(to前面有个冒号别忘了) 路由这里给path补充上参数,记得带冒号 在跳转之后的页面可以获取到传递过来的参数 跳转过 ......

vue路由router-link

首先需要cnpm install vue-router

不过我之前在安装vue时已经顺便安装上了,哈哈

 

用法:

vue路由router-link

 

 

首先是最简单的写法:

vue路由router-link

 

 vue路由router-link

 

 

带参数的跳转:(to前面有个冒号别忘了)

vue路由router-link

 

 路由这里给path补充上参数,记得带冒号

vue路由router-link

在跳转之后的页面可以获取到传递过来的参数

vue路由router-link

 

 

跳转过来的页面

vue路由router-link

 

 

query定义url中,问号后面的键值对

vue路由router-link

 

 

可以在接收页面获取到query

vue路由router-link

 

 浏览器*问

vue路由router-link

 

 

使用js实现跳转:

简单跳转

vue路由router-link

 

 

新建demo2

vue路由router-link

 

 vue路由router-link

 

 

路由文件

vue路由router-link

 

 

点击完成跳转

vue路由router-link

 

 vue路由router-link

 

 

js实现命名的url,并且带参数

vue路由router-link

 

 vue路由router-link

 

 vue路由router-link

 

 

js实现带查询参数的跳转:

vue路由router-link

 

 vue路由router-link