解决收到数据后页面不自动更新问题

有时候某些数据需要一条一条地向后台查询,而vue又不会在查询到结果后自动更新,这时候就应该在返回结果后强制更新页面,语法为:

this.$forceUpdate() // 强制更新页面

正如这个博客项目,由于每个栏目下文章数目是需要按栏目ID查询,逐一查询后发现页面没有显示,所以按下面代码去写,即可解决这个问题。

this.$http.get(url, {})
  .then((res) => {
    column.articleAmount = res.body.data.articleAmount
    this.$forceUpdate() // 强制更新,显示文章数目
  })
posted @ 2019-03-19 10:02  lipohong  阅读(818)  评论(0编辑  收藏  举报