传参可以使用params和query两种方式。 使用params传参只能用name来引入路由,即push里面只能是name:’xxxx’,不能是path:’/xxx’,因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!!!。 使用query传参使用path来引入路由。 params是路由的一部分,必须要在路由后面添加参数名。query是拼接...
//$router : 是路由操作对象,只写对象//$route : 路由信息对象,只读对象//操作 路由跳转this.$router.push({name:'hello',params:{name:'word',age:'11'}})//读取 路由参数接收this.name=this.$route.params.name;this.age=this.$route.params.age; 1·query传递参数 我看了很多人都说query传参要用p...
2. 使用query传参,路由配置的时候path不用带参数 { path:'/detail',//这里不需要参入参数,参见上面的params写法 name:"detail", component: detail//这个details是传进来的组件名称 } 使用: 方法1:<router-link :to="{ name: 'details', query: { id: 123 }}">点击</router-link> 方法2:this.$rout...
//1.展示在地址栏不同//params /home/123 value//query /home?id=123 key-value//2.路由配置不同//query{path:'/home',name:'home',component:home}//params 需要配置路径{path:'/home:id',name:'home',component:home}//由于属性 to 与 router.push 接受的对象种类相同,所以两者的规则完全相同。//...
使用query传参,路由配置的时候path不用带参数 {path:'/detail',//这里不需要参入参数,参见上面的params写法name:"detail",component:detail//这个details是传进来的组件名称}使用: 方法1:<router-link:to="{ name: 'details', query: { id: 123 }}">点击按钮</router-link>方法2:this.$router.push({nam...
使用query传参在url地址栏是这个样子的 在这里插入图片描述 接收参数 在这里插入图片描述 总结: 1)params跳转的时候,路由地址必须用name引入,而query时,name和path都行。 2)使用params的时候,router---index.js中的路由的配置,后面必须加上要传递过去的参数,:id/:age这种形式 ...
1、路由的query参数 1.1 传递参数 <!-- 跳转并携带query参数,to的字符串写法 --><router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link><!-- 跳转并携带query参数,to的对象写法 --><router-link :to="{ path:'/home/message/detail', ...
1·query传递参数 我看了很多人都说query传参要用path来引入,params传参要用name来引入,只是我测试了一下,query使用name来引入也可以传参,使用path也可以。如果有人知道原因可以告诉我一下,谢谢! //query传参,使用name跳转 this.$router.push({ name:'second', ...
query 1.query方式传参和接受参数 query相当于get传参,页面跳转后可以在浏览器看到参数 刷新后参数不会消失 params 1.params传参和接受参数 2...
query和params分别是:this.$route.query.id,this.$route.params.id 顺便说一些参数是多个的情况 params传参,如果路由index.js如下: { path: '/detail/:id/:name', name: "detail", component: detail//这个details是传进来的组件名称 } 那么跳转写法:this.$router.push({name:'detail',params:{id:123,nam...