问题描述:
在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值;
解决:
运用 this.$forceUpdate()
强制刷新
代码案例
1 2 3 | <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> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | 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循环值刷新等),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!