Vue路由this.route.push跳转页面不刷新问题怎么解决
发表于:2024-09-22 作者:千家信息网编辑
千家信息网最后更新 2024年09月22日,这篇"Vue路由this.route.push跳转页面不刷新问题怎么解决"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能
千家信息网最后更新 2024年09月22日Vue路由this.route.push跳转页面不刷新问题怎么解决
这篇"Vue路由this.route.push跳转页面不刷新问题怎么解决"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇"Vue路由this.route.push跳转页面不刷新问题怎么解决"文章吧。
Vue路由this.route.push跳转页面不刷新
一、背景
介绍:在vue项目开发中,使用路由进行页面跳转时,路由所跳转的页面不进行刷新。
也就是vue生命周期函数没有执行(created、mounted钩子函数)。
案例:
A页面:
B页面:
问题:
当在A页面第一点击按钮到B页面时,一切正常,当返回到A页面再次点击按钮时,B页面没有执行mounted钩子函数,结果导致mounted函数中查询方法不执行。
二、解决方法:
1、使用activated:{}周期函数代替mounted:{}函数即可。
2、监听路由
// 不推荐、用户体验不好watch: { '$route' (to, from) { // 路由发生变化页面刷新 this.$router.go(0); }},
// 该方法会多一次请求watch: { '$route' (to, from) { // 在mounted函数执行的方法,放到该处 this.qBankId = globalVariable.questionBankId; this.qBankName = globalVariable.questionBankTitle; this.searchCharpter(); }},
Vue this.$router.push路由跳转,刷新参数消失
this.$router.push({name:"",params:{id:""}})
name和params搭配刷新参数会消失
this.$router.push({path:"",query:{id:""}})
path和query搭配,刷新页面参数不会消失,query中参数成了url中的一部分
以上就是关于"Vue路由this.route.push跳转页面不刷新问题怎么解决"这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注行业资讯频道。
页面
路由
函数
内容
问题
参数
方法
周期
周期函数
按钮
文章
知识
篇文章
钩子
不好
也就是
价值
再次
大部分
就是
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
数据库详细设计word
手持机软件开发
云网络研发和软件开发
网络安全主题教育周
互联网科技集团有限公司
软件开发的自学资料
烽火通信服务器被网络攻击
计算机三级网络技术在线
广州餐饮软件开发订制
vb 判断数据库非空
著名网络安全人事面试
服务器rss值是什么意思啊
四年级网络安全知识竞赛试题
落实网络安全责任制会议内容
平舆县网络安全
雀魂不同服务器好友房
国家网络安全法的看法
创建数据库的通用软件
服务器断电挂载磁盘错误
今易软件如何添加数据库
服务器中心管理软件
mysql数据库技术教材书
开展校园网络安全知识讲座
数据库原理与应用吉林大学出版社
增强网络安全的手抄报图片
服务器安装盘
数据库说法错误数据库结构
文件服务器文件夹权限详解
数据库的相关性
六台服务器