在做博客,最先遇到的问题是,添加文章后返回主页,文章列表不刷新。尝试了各种方法,用activated实现了。
现在遇到的问题是,在主页添加文章分组后,文章分组不刷新。因为生命周期钩子都不执行。
我尝试$router.go(0)来刷新页面,activated执行,vue resource执行,但是express收不到这条get请求,不会返回最新数据。(我不能理解的是,此时返回值是200,数据是第一次加载获取的)。
F5,切换route,能得到最新数据。$router.go(0)只会刷新,数据没有改变。
activated(){
this.getGroupData();
},
methods: {
getGroupData(){
this.$http.get('/api/groupInfo').then((response) => {
console.log('posts发送group请求')
response = response.body;
if (response.style == OK) {
this.groupInfo = response.groups;
console.log('posts 拿到了新数据')
}
console.log(this.groupInfo)
})
}
},
三条console永远都会输出,但是router.go(0)得到的值不会改变。(因为path没有改变?DOM没有重载?)
get请求看起来都被发送了,但是$router.go(0)发送,express不会相应。
apiRoutes.get('/groupInfo',function(req,res){
console.log("我执行了")
getGroupData({},function(err,doc){
var groups = [];
doc.forEach(function(val,index,arr){
groups.push(val.group);
})
return res.json({
'style': OK,
'groups':groups
});
});
});
我一定忽略了什么地方,请教各位。
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…