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

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

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

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

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

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

时间: 2024-08-29 12:16:14

解决收到数据后页面不自动更新问题的相关文章

JSP通过AJAX获取服务端的时间,在页面上自动更新

1.在页面上引入js <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030"> <title>Insert title here</title> <script src="../scripts/jquery.min.js" type="text/javascript">&l

HashMap加入数据后,会自动根据首字母排序

1.Map<String, ArrayList<XX>> entityHashMap = new HashMap<>(); 然后增加一些数据,会发现根据String键值排序,并不是增加的时候的顺序, 如果是中文,会按汉字的拼音首字母排序. 2.解决方法: Map<String, ArrayList<WXsd>> entityHashMap = new LinkedHashMap<>(); 只要将HashMap==>LinkedH

Jquery 使用Ajax获取后台返回的Json数据后,页面处理

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

ajax 请求 对json传的处理 Jquery 使用Ajax获取后台返回的Json数据后,页面处理

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

svn提交后利用hooks自动更新web服务器

#!/bin/shREPOS="$1″#版本库REV="$2″#版本号#export LC_ALL=C#export LANG=zh_CN.UTF-8export LANG=en_US.UTF-8#字符集WEB=/data/www/default/test#web站点物理地址SVN=/usr/bin/svn#svn命令地址LOG_PATH=/home/svn/svn.log#日志文件地址echo `date "+%Y-%m-%d %H:%M:%S"` >>

JS读取用户输入的数据后,会自动存储为字符型

解决vue单页面跳转返回后页面不刷新的问题

一.问题:在vue项目中通过location.href跳转到第三方页面,然后点击浏览器返回按钮回到自己的页面,用nginx起服务页面不刷新,在用node起服务中页面是正常刷新的: 二.产生该问题的原因:微信浏览器对页面进行缓存: 三.解决方案: 1 window.onpageshow = null; 2 window.onpageshow = function(event){ 3 location.reload() 4 } 5 window.location.href = 'https://ww

SVN跨服务器自动更新

环境介绍: 1.测试服务器 带SVN客户端程序的linux服务器,web环境:php+mysql+nginx,版本库的各工作拷贝置于web根目录. 2.SVN服务端 带SVN服务端程序windows服务器 . 我们的目标:SVN版本库提交,测试服务器中的工作拷贝能自动update. 基本思路:默认情况下,版本库的hooks子目录中包含各种版本库钩子模板.如下图: 钩子是通过版本库事件触发,例如新版本的创建或一个未版本化属性的修改.一些钩子(“pre hooks”)在事件发生前运行,可以用来报告发

数据更新后让ListView自动滚动到底部

在做聊天界面的时候想要发送新的数据后,listview自动滚动到底部,显示出最新的数据.网上找了两个方法,觉得不错,记录一下. 方法一: 给listview添加下面两个属性 android:stackFromBottom="true"android:transcriptMode="alwaysScroll" or mListView.setTranscriptMode(ListView.TRANSCRIPT_MODE_ALWAYS_SCROLL); 方法二: //