解决vue this.$forceUpdate() 处理页面刷新问题（v-for循环值刷新等）
作者：雪梅零落 发布时间：2024-06-05 09:15:26
标签：vue,页面,刷新
问题描述：
在使用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循环值刷新等）网站的支持！
来源：https://blog.csdn.net/xuaner8786/article/details/81217075
0
投稿猜你喜欢
- 如何验证日期输入是否正确？我们可以利用ASP 3.0里的On Error Resume Next来完成这项功能：<％Option&nb
安装：cnpm i -S jwt-decode引入：import jwt_decode from "jwt-decode"- 本文总结分析了selenium2.0中常用的python函数。分享给大家供大家参考，具体如下：新建实例driver = webdriver.
- 上传组件封装需求分析在基于elementUI库做的商城后台管理中，需求最大的是商品管理表单这块，因为需要录入各种各样的商品图片信息。加上后台
- 前言：相信大家在童年或者生活中都玩过石头剪刀布这个游戏，这个游戏需要两个及以上的人。而今天，网上也实现了石头剪刀布的游戏。通过初步学习pyt
- 通过python+splinter，实现在12306网站刷票并自动购票流程（无法自动识别验证码）。此类程序只是提高了12306网站的 <
- 本文实例讲述了Python企业编码生成系统之系统主要函数设计。分享给大家供大家参考，具体如下：一 主要函数功能描述函数功能mkdir判断保存
- 一、数据集爬取现在的深度学习对数据集量的需求越来越大了，也有了许多现成的数据集可供大家查找下载，但是如果你只是想要做一下深度学习的实例以此熟
- 前言: 收到疯狂的慢查询及请求超时报警，通过metrics分析出来自mysql请求的异常，c
- 1、工作流程步骤（1）用spawn来执行一个程序；（2）用expect方法来等待指定的关键字，这个关键字是被执行的程序打印到标准输出上面的；
- 有没有头疼过百度云盘都要塞满了，可是又没有工具能剔除大量重复无用的文件？这里教你一个简单的方法，通过整理目录的方式来处理我们云盘中无用的文件
- 什么是目标检测目标检测关注图像 * 定的物体目标，需要同时解决解决定位（localization） + 识别（Recognition）。相比分
- 我们在为大家整Python程序员面试试题中，发现了一些被面试官问到的最多的一些问题，以下就是本篇内容：Python是个非常受欢迎的编程语言，
- 什么是固件Fixture 翻译成中文即是固件的意思。它其实就是一些函数，会在执行测试方法/测试函数之前（或之后）加载运行它们，常见的如接口用
- asp+access用户登录代码,loginnew.asp网面包含了登录框及验证用户的代码an.mdb数据库名fd表名y_username用
- MySQL的常见操作在这里先做一下总结，已经整合到代码里面，经过检验无误。/*创建一个数据库*/create database xuning
- 前言文章包括下几点：考点--操作SQLite数据库：创建SQLite数据库；向表中插入记录；其他数据库操作。面试题：1.面试题一：如何创建S
- 前言python作为一门脚本语言，其好处是语法简单，很多东西都已经封装好了，直接拿过来用就行，所以实现同样一个功能，用Python写要比用C
- 有时候我们需要判断两个字符串内容是否相等，判断内容相等，我们用‘=='，但是有时候发现print(str1)和print(str2)
- 1、单个关键字加亮代码： <div id="txt"> 用JS让文章内容指定
