Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > js框架/js库

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

来源:中文源码网    浏览:230 次    日期:2024-05-03 00:28:13
【下载文档:  解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等).txt 】


解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
问题描述:
在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值;
解决:
运用 this.$forceUpdate()强制刷新
代码案例

methods: {
selectInsurance(){ //刷新车辆保险可选状态
for(var i=0; ivar flag = false; //默认没有选中
var itemI = this.dataArr[i];
for(var j=0; jvar 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循环值刷新等),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对中文源码网网站的支持!

相关内容