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

Posted 2021-02-13 lipohong

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

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

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

this.$http.get(url, {})
  .then((res) => {
    column.articleAmount = res.body.data.articleAmount
    this.$forceUpdate() // 强制更新，显示文章数目
  })