没有合适的资源?快使用搜索试试~ 我知道了~
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
5星 · 超过95%的资源 11 下载量 80 浏览量
2020-10-18
08:11:00
上传
评论 1
收藏 37KB PDF 举报
温馨提示
试读
1页
主要介绍了解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等),解决方法是使用this.$forceUpdate()强制刷新,文章给大家分享了代码案例,需要的朋友参考下吧
资源推荐
资源详情
资源评论
解决解决vue this.$forceUpdate() 处理页面刷新问题(处理页面刷新问题(v-for循环值刷新循环值刷新
等)等)
主要介绍了解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等),解决方法是使用this.$forceUpdate()强
制刷新,文章给大家分享了代码案例,需要的朋友参考下吧
问题描述:问题描述:
在使用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循环值刷新等),希望对大家有所帮助,如果大家有
任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
资源评论
- 泡泡SOHO2023-07-26通过阅读这篇文章,我对Vue的刷新机制有了更深入的了解。
- 宏馨2023-07-26文件中给出了使用v-for循环时刷新值的解决方案,方便又简单。
- 禁忌的爱2023-07-26作者详细介绍了使用this.$forceUpdate的方法,真是太实用了。
- 滚菩提哦呢2023-07-26这篇文件是我找到的解决Vue页面刷新问题的最佳指南之一。
- 点墨楼2023-07-26这个文件对于解决Vue中页面刷新问题非常有帮助。
weixin_38557095
- 粉丝: 2
- 资源: 931
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于matlab实现用有限元法计算电磁场的Matlab工具 .rar
- 基于matlab实现有限元算法 计算电磁场问题 边界条件包括第一类边界和第二类边界.rar
- 基于matlab实现用于计算不同车重下的电动汽车动力性和经济性.rar
- 基于matlab实现遗传算法求解多车场车辆路径问题 有多组算例可以用.rar
- 浏览器.apk
- 基于matlab实现是一个matlab中的power system 中搭建的一个模型
- 基于JSP毕业设计-教学管理系统(源代码+论文).zip
- 基于JSP毕业设计-家政管理系统-毕业设计.zip
- 基于Python实现淘宝商品评论采集(含逆向)源代码
- 基于matlab实现多目标进化算法NSGAⅡ&Matlab讲解.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功