vue.js路由返回和刷新的问题

有两个页面A和B,在created阶段都执行了ajax请求事件。在B页面点击返回按钮返回A页面或者在B页面刷新页面时,请求正常进行,也返回了数据,但是页面没有重新渲染,一片空白,这是怎么一回事啊?

A页面:

 methods: {
  goToDetail: function (index) {
    this.$router.push({path: '/detail', query: {comicIndex: this.comicIndex, index: index}})
  }
},
created () {
  this.axios.get('http://xxxxxxx/jsons/comic.json').then((res) => {
      console.log(res.data.comic)
      for (let i in res.data.comic) {
        if (this.$route.query.id === res.data.comic[i].id) {
          console.log(this.$route.query.id)
          this.chapters = res.data.comic[i]
          this.comicIndex = i
          console.log(this.chapters.detail)
        }
      }
    })
}

我在A页面的created方法中console了几个数据,当第一次进入的时候,三个数据都有

clipboard.png

但从B页面返回或者刷新A页面,只返回res.data.comic

clipboard.png

说明下面的解构代码都没有执行到吗?懵了

阅读 2.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题