vue路由返回ajax还在执行,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了几个数据，当第一次进入的时候，三个数据都有

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

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