解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)


Posted in Javascript onJuly 26, 2018

问题描述:

在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值;

解决:

运用 this.$forceUpdate()强制刷新

代码案例

<Select v-model="carSafeLine.insuranceName" placeholder="请选择" class="mulisel option-h" filterable clearable :disabled="editstatus" @on-change="selectInsurance">
 <Option v-for="item in dataArr" :key="item.code" :value="item.code" :label="item.codename" :disabled="item.disabled"></Option>
</Select>
methods: {
 selectInsurance(){ //刷新车辆保险可选状态
 for(var i=0; i<this.dataArr.length; i++){ 
  var flag = false; //默认没有选中
  var itemI = this.dataArr[i];
  for(var j=0; j<this.form.carInsuranceVOList.length; j++){ //检测选项是否已被选中过
  var itemJ = this.form.carInsuranceVOList[j];
  if(itemI.code == itemJ.insuranceName){
   flag = true;
   break;
  }
  }
  if(flag){
  itemI.disabled = true;
  }else{
  itemI.disabled = false;
  }
 }
 this.$forceUpdate(); //强制刷新,解决页面不会重新渲染的问题
 }
}

总结

以上所述是小编给大家介绍的解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS数组的遍历方式for循环与for...in
Jul 31 Javascript
JQuery的ON()方法支持的所有事件罗列
Feb 28 Javascript
JQuery鼠标移到小图显示大图效果的方法
Jun 10 Javascript
网页收藏夹显示ICO图标(代码少)
Aug 04 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
Sep 24 Javascript
vue-router:嵌套路由的使用方法
Feb 21 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
Sep 21 Javascript
js数组中去除重复值的几种方法
Aug 03 Javascript
利用js canvas实现五子棋游戏
Oct 11 Javascript
vue router 配置路由的方法
Jul 26 #Javascript
vue+webpack模拟后台数据的示例代码
Jul 26 #Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
Jul 26 #Javascript
vue父组件异步获取数据传给子组件的方法
Jul 26 #Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
Jul 26 #Javascript
JavaScript设计模式之单例模式原理与用法实例分析
Jul 26 #Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
Jul 26 #Javascript
You might like
2020显卡排行榜天梯图 显卡天梯图2020年3月最新版
2020/04/02 数码科技
简体中文转换为繁体中文的PHP函数
2006/10/09 PHP
两个开源的Php输出Excel文件类
2010/02/08 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
php文件系统处理方法小结
2016/05/23 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
vue项目上传Github预览的实现示例
2018/11/06 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
Cython 三分钟入门教程
2009/09/17 Python
python读取json文件并将数据插入到mongodb的方法
2015/03/23 Python
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
在python中以相同顺序shuffle两个list的方法
2018/12/13 Python
Python面向对象之类和对象属性的增删改查操作示例
2018/12/14 Python
Python实现FTP文件传输的实例
2019/07/07 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
python/Matplotlib绘制复变函数图像教程
2019/11/21 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
指针和引用有什么区别
2013/01/13 面试题
什么叫做SQL注入,如何防止
2016/10/04 面试题
七匹狼男装广告词
2014/03/21 职场文书
新闻专业毕业生求职信
2014/08/08 职场文书
2015年化工厂工作总结
2015/05/04 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书