《猛戳-查看我的博客地图-总有你意想不到的惊喜》
本文内容:在不刷新和不
跳转
页面的情况下向
URL
中增删改
query
参数,原理,路由push到和
当前
相同的路由时,页面不
跳转
、不刷新。
方案一:原生操作
查询
query
参数
const{ location } = this.props;
const { search } = location;
let
query
Str = search.slice(1);//age=30&name=wansh
最近在项目中手写分页器(为什么手写,因为对分页器样式外观要求比较严苛),遇到一个需求,就是我们在点击分页的时候,再进入详情,之后回退希望能够回到之前的页码
值
。解决这个需求,个人总结了两种方法。
let
query
= this.$router.history.current.
query
;
let path = this.$router.history.current.path;
//对象的拷贝
let new
Query
= JSON.parse(JS...
2、路由配置带参数:首先,先确定个概念:
跳转
路由用name的时候带参数用params,用path的时候用
query
(router文件用,path未定义参数),除非用完整路径path
路由配置如下:
(1)在router文件中path后面带参数
跳转
方式如下
出现这种情况是因为依赖路由的
query
或params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系
> 没有达到监听,退出页面再进入另一个文章页面并不会运行created组件生命周期,导致文章数据还是第一次进入的数据。