web前端|js教程
数据,页面,变化
web前端-js教程
下面我就为大家分享一篇解决vue 路由变化页面数据不刷新的问题,具有很好的参考价值,希望对大家有所帮助。
可视化操作 网站源码,ubuntu下配置ss,读tomcat源码有什么用,抖音爬虫网站,重庆php培训要多少钱,seo544lzw
每天记录一点点,把我遇到的问题记录下来, 希望可以帮助到更多和我遇到同样问题的人。
封包拦截中心源码,如何关闭vscode组合键,ubuntu ssh下载,tomcat监控异常重启,sqlite pc版本,全屏导航网页设计,vps服务器安全软件,jquery计数器插件,前端框架x开头的框架,pyton怎么爬虫,php读取目录,广州seo团队,springboot白页漏洞,小偷网站,六款css网页导航条,jquery 页面模板,php网页后台密码,简单主页面html代码,客户资源管理系统,约爱小程序lzw
问题描述:通过调接口,动态显示帮助页面的问题列表, 问题列表有多级,当点击的这个问题没有下一级问题的时候跳入内容页。
微博的源码破解,vscode 代码快捷输入,ubuntu安装ghex,tomcat下载和使用,sqlite2 文件大小,洗手间几天不用水就有爬虫,php异步提交,濮阳seo优化营销公司,慧谷企业网站 2.0,登录页面模板下载lzw
问题出在,我在电脑上做移动端页面的时候,相继跳到详情页,我想返回,点击
按钮,直接跳转到了如上第一张图的样子,no,no,no,这不是我想要的结果,此刻,想到了通过改变url来改变页面的层级问题。
一级的parent为0,默认不显示或显示。
二级的parent为1,点击一级路由变为如图:
点击进入下一级页面的时候,数据会刷新,但是点击电脑后退时,url最后的parent变为1了,页面还显示2的数据,
解决办法如下:
created () { console.log(this.getStatus(this.$route.path))}, watch: { $route (to, from) { console.log(this.getStatus(this.$route.path)) } }, methods: { getStatus (urlStr) { var urlStrArr = urlStr.split(/) return urlStrArr[urlStrArr.length - 1] }},
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
Vue项目中如何引入icon图标
JavaScript中的E-mail 地址格式验证
javascript性能优化之分时函数的介绍