vue vue-router 同一个页面地址栏参数改变，页面不刷新的问题

vue-router 同一个页面地址栏参数改变（比如文章的发布和编辑是同一个页面），不会触发vue的created或者mounted钩子，所以数据不会重新渲染。

解决办法有两种：

1：监听地址栏变化（watch）,这是vue-router官方给出的解决办法。

监听路由变化，把初始化的方法重新写到监听的方法里面执行

2、给router-view加个唯一的key，来保证路由切换时都会重新渲染触发钩子了

个人更倾向于第二种简单省事，第一种要是有多个页面共用，就要多次写监听

vue vue-router 同一个页面地址栏参数改变，页面不刷新的问题相关推荐

vue 页面url参数_Vue下URL地址栏参数改变却不能刷新界面
在完成毕业设计(基于Vue的信息资讯展示与管理平台)的过程中,处理如下图所示的点击左侧栏目列表跳转到对应文章列表的问题时,初次点击可以跳转到对应的页面,但是当第二次点击时,虽然地址栏的参数改变了, ...
Ant Design Pro路由参数改变页面没有重新渲染问题的解决
文章目录发现问题解决问题发现问题同一个组件根据Ant Pro路由传递进来的user和menu两个参数实现不同页面的渲染效果,测试发现页面在第一次渲染时没有问题,改变参数重新渲染则不刷新,如下所 ...
微信小程序伪装页面（定时改变页面内容）
Step1:在app.js中,导入util包用于获取时间 var util=require('/utils/util.js') Step2:在app.js中,将onLaunch函数加入以下内容: on ...
vue——router更改路由地址，但是页面不能跳转
在做电商项目时,筛选标签时,需要路由发生变化,但是当前的页面商品列表还需要局部刷新. 如果更改路由后,页面跳转,则是全局刷新,局部刷新才能够满足用户需求. 则此时要做的就是:更改路由地址,但是页面不能 ...
js 禁止修改地址栏参数获取数据
应用场景: 假定project1的地址为:http://xxx?pageid=test&keyid=1,如果手动修改地址栏参数keyid=2,那么就会获取project2的项目信息,这是我们不 ...
购物车页面向订单页面传递参数遇到的问题
一.购物车向订单页面无法传递参数购物车页面在写跳转时路径添加了定时器导致在跳转时参数传递不过去二.订单页面获取不到数据确认订单页面-使用map遍历时遇到找不到map 原因是因为 map前面 ...
使用nginx代理网页，修改页面更新后，页面内容不变。停止nginx后，发现页面仍然可以访问。
我把一个页面的内容改变后,刷新页面,发现页面内容不变,我刚开始猜测是因为:页面已经在浏览器中缓存了,所以访问的页面仍然是以前的页面. 我通过以下方法直接清除浏览器缓存,却发现页面仍然是以前的内 ...
若依 vue前端动态设置路由path不同参数在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
vue路由参数改变，组件数据没重新更新问题
最近一段时间在用vue做项目,遇到一个很纠结的问题,本来是两个页面样式结构相似,就是数据不同,所以在router里面配置了一个id参数,发现vue路由参数改变,组件数据没重新更新,查了一下官方文档,发 ...

vue vue-router 同一个页面地址栏参数改变，页面不刷新的问题

vue vue-router 同一个页面地址栏参数改变，页面不刷新的问题相关推荐

最新文章

热门文章