时间:2021-05-26
当vue单页面需要替换参数并刷新页面时,这个时候使用this.$router.push或this.$router.replace会发现路由改变了,但是页面上的数据并没有实时刷新。在网上找到了以下几种方法,亲测可用:
this.$router.go(0)
在具体页面中,先通过this.$router.push或this.$router.replace替换路由,随后调用this.$router.go(0),页面就会强制刷新,但是该强制刷新与F5刷新效果类似,页面会有空白时间,体验感不好;
provide/inject
首先在app.vue页面中增加如下配置:
然后在具体页面中加上inject配置,具体如下:
加上配置后,在调用this.$router.push或this.$router.replace替换路由后,再新增this.reload()就可以实现页面内数据刷新。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了Javascript下拉刷新的简单实现代码,供大家参考,具体内容如下Html相关代码努力加载中...下拉刷新下拉刷新下拉刷新下拉刷新下拉刷新
在vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示),具体内容如下所示:1、使用npm安装依赖npminstall--save
本文介绍了新手vue构建单页面应用实例代码,分享给大家,具体如下步骤:1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我
java读取resources文件详解及实现代码Java项目中,经常需要将资源文件打包放在项目中,然后在项目中去读取对应的文件。实现代码:Stringstr=R
本文主要介绍的是php实现多关键字加亮功能,可以实现在搜索的时候进行高亮提醒,具体实现代码如下:项目结构:搜索结果:高亮显示项目所需数据库结构:实现代码:con