码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-03-19 10:37:31      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:color   res   this   更新问题   代码   col   返回结果   .data   强制   

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

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

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

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

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

标签:color   res   this   更新问题   代码   col   返回结果   .data   强制   

原文地址:https://www.cnblogs.com/lipohong/p/10556766.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!