解决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 相关文章推荐
Javascript valueOf 使用方法
Dec 28 Javascript
将HTML格式的String转化为HTMLElement的实现方法
Aug 07 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
Nov 28 Javascript
jquery复选框多选赋值给文本框的方法
Jan 27 Javascript
js改变embed标签src值的方法
Apr 10 Javascript
jQuery实现的超简单点赞效果实例分析
Dec 31 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
May 24 Javascript
AngularJS Ajax详解及示例代码
Aug 17 Javascript
jquery ajaxfileupload异步上传插件使用详解
Feb 08 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
javascript浏览器用户代理检测脚本实现方法
Oct 27 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
Optimizer与Debugger兼容性问题的解决方法
2008/12/01 PHP
php数据访问之增删改查操作
2016/05/09 PHP
Smarty分页实现方法完整实例
2016/05/11 PHP
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
图片格式的JavaScript和CSS速查手册
2007/08/20 Javascript
js获取url参数的使用扩展实例
2007/12/29 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
2011/05/24 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
js控制网页前进和后退的方法
2015/06/08 Javascript
JQuery实现简单的服务器轮询效果实例
2016/03/31 Javascript
jQuery+ajax简单实现文件上传的方法
2016/06/03 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
js精确的加减乘除实例
2017/11/14 Javascript
css和js实现弹出登录居中界面完整代码
2017/11/26 Javascript
js删除对象中的某一个字段的方法实现
2021/01/11 Javascript
Python如何通过Flask-Mail发送电子邮件
2020/01/29 Python
python输出数学符号实例
2020/05/11 Python
python要安装在哪个盘
2020/06/15 Python
python 基于DDT实现数据驱动测试
2021/02/18 Python
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
乐高奥地利官方商店:LEGO Shop AT
2019/07/16 全球购物
Hotels.com拉丁美洲:从豪华酒店到经济型酒店的预定优惠和折扣
2019/12/09 全球购物
电脑教师的教学自我评价
2013/11/26 职场文书
园艺师求职信
2014/03/10 职场文书
感恩寄语大全
2014/04/11 职场文书
白岩松演讲
2014/05/21 职场文书
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
观看禁毒宣传片后的感想
2015/08/11 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
个人业务学习心得体会
2016/01/25 职场文书