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
说明下面的解构代码都没有执行到吗？懵了
有两个页面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 说明下面的解构代码都没有执行到吗？懵了