vue路由笔记记录(建议是使用path+query进行传参)
1.使用$router传参,$route获取参数//$router : 是路由操作对象,只写对象 //$route : 路由信息对象,只读对象//操作 路由跳转this.$router.push({name:'hello',params:{name:'word',age:'11'}})//读取 路由...
1.使用$router传参,$route获取参数
//$router : 是路由操作对象,只写对象 //$route : 路由信息对象,只读对象
//操作 路由跳转
this.$router.push({
name:'hello',
params:{
name:'word',
age:'11'
}
})
//读取 路由参数接收
this.name = this.$route.params.name;
this.age = this.$route.params.age;
2.使用params带参数,需要对应使用name来指明路径,query带参数,则path,name都可以
query用name和path都可以传参是有一个前提的,如果router/index.js下面配置的name和path是一样的 你说的这种做法确实没有区别,但是一般他们用的是 path:'/index',name:'index'这样就不行的
所以建议使用path+query来进行传参
3.params带参数跳转,在跳转后页面再进行跳转或刷新都有可能导致数据丢失,建议使用query带参数
4.直白的来说query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示
params是路由的一部分,必须要有。query是拼接在url后面的参数,没有也没关系。
5.
更多推荐
所有评论(0)