zoukankan      html  css  js  c++  java
  • vue 路由变化页面数据不刷新问题(缓存)

    每天记录一点点,把我遇到的问题记录下来, 希望可以帮助到更多和我遇到同样问题的人。

    问题描述:通过调接口,动态显示帮助页面的问题列表, 问题列表有多级,当点击的这个问题没有下一级问题的时候跳入内容页。

    问题出在,我在电脑上做移动端页面的时候,相继跳到详情页,我想返回,点击
    按钮,直接跳转到了如上第一张图的样子,no,no,no,这不是我想要的结果,此刻,想到了通过改变url来改变页面的层级问题。
    一级的parent为0,默认不显示或显示为如图:

    二级的parent为1,点击一级路由变为如图:

    点击进入下一级页面的时候,数据会刷新,但是点击电脑后退时,url最后的parent变为1了,页面还显示2的数据,

    解决办法如下:

     1 created () {
     2   console.log(this.getStatus(this.$route.path))
     3 },
     4  watch: {
     5    '$route' (to, from) {
     6      console.log(this.getStatus(this.$route.path))
     7    }
     8  },
     9  methods: {
    10     getStatus (urlStr) {
    11       var urlStrArr = urlStr.split('/')
    12       return urlStrArr[urlStrArr.length - 1]
    13     }
    14 },
  • 相关阅读:
    团队冲刺八
    第十一周学习进度
    团队冲刺七
    团队冲刺六
    团队冲刺五
    冲刺第五天
    冲刺第四天
    冲刺第三天
    冲刺第二天
    冲刺第一天
  • 原文地址:https://www.cnblogs.com/mmzuo-798/p/10260381.html
Copyright © 2011-2022 走看看