router
songywaa
每天进步一点点
展开
-
$router和$route的区别
routerrouter :是 VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,是一个全局对象,他包含了所有的路由包含了许多关键的对象和属性;举例:history对象:\color{red}{history对象:}history对象::$router.push({path:'home'});//本质是向hi...原创 2019-11-17 23:35:55 · 5697 阅读 · 0 评论 -
Vue Router 的params和query传参刷新后参数丢失情况
开发中遇到刷新页面参数丢失的情况params是路由的一部分,创建路由时,须要在路由后边添加参数名。query是拼接在URL后边的参数,创建路由时,不用必须添加,可以直接跳转的时候携带即可params 参数丢失情况:params 传参需要在路由后边添加参数名,例如:/:id/:name,如果在路由中没配置参数,当页面刷新之后,所传参数就会消失如果在路由中配置了参数,例如: /:id/...原创 2019-11-17 23:14:29 · 5393 阅读 · 1 评论 -
vue-router路由动态传参query和params的区别
1.query方式传参和接收参数//路由{ path: '/detail', //这里不需要参入参数 name: "detail", component: detail//这个details是传进来的组件名称 }//使用: //方法1:<router-link :to="{ name: 'details', query: { id: 123 }}"&g...原创 2019-11-17 22:58:14 · 209 阅读 · 0 评论 -
router.push(),router.repalce(),router.go()使用
router对象提供了三个用于跳转链接的方法:router.push( ... ) =>跳转到某个子页面,并在history中添加一条记录router.repalce( ... ) =>替换当前的页面,其实也可以理解为跳转,和push的区别就是不会在history中添加记录router.go(number) =>刚才提到的history,在go()中被使用,跳转到上一页就...原创 2019-11-17 21:07:31 · 741 阅读 · 0 评论