首页 > 其他分享 >vue2中数组和对象更改后视图不刷新解决办法

vue2中数组和对象更改后视图不刷新解决办法

时间:2023-05-13 18:23:35浏览次数:36  
标签:index 数组 show projectList vue2 后视图 解决办法

vue2中,改变集合或数据某值时有时候并不会自动更新到视图上去,解决办法 

 

1、官方推荐

例如:

projectList数组,show值点击一次改变一次方向
 <td v-on:click="alertSub(index)"><a href="javascript:;">{{item.}}</a></td>
   alertSub(index) {
                this.projectList[index].show= !this.projectList[index].show;
                this.$set(this.projectList, index, this.projectList[index]);
            },

 

2、强制刷新数据

this.$forceUpdate();

标签:index,数组,show,projectList,vue2,后视图,解决办法
From: https://www.cnblogs.com/lunawzh/p/17397876.html

相关文章

  • 理解vue2.x版本中productionTip=false设置无效的原因
    首先,我们看到vue官网中关于productionTip的API使用:但是,我在本地中使用却无效,代码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname=&q......
  • 帝国cms全文搜索不准确解决办法
    1栏目-》全文搜索-》清理搜索数据 2管理搜索数据源先删除表数据然后重新导入数据更新清除数据库缓存等操作ok可以正常搜索了......
  • 终于找到了C++成员函数做函数指针的完美解决办法
    当然,这是转自别人的:https://www.codenong.com/19808054/之前因为这个没少废精力啊,这里记一下,感谢外国友人的回答.1#include<iostream>2#include<functional>3#include<string>4#include<sstream>5#include<memory>67usingnamespacestd;89......
  • js小数运算出现的问题(精度丢失)及解决办法
    案例:项目中遇到的问题购物车结算时,商品价格(33.01)-优惠券价格(5),本应该是28.01,但是实际的结果是28.009999999999998本案例是在浏览器控制台里打印 出现的原因:原因其实就是js number类型运算都需要先将十进制转二进制但小数点后的位数转二进制会出现无限循环的问题,只能舍0......
  • Auto_Position=1 主库清空部分binlog从库错误(1236)的解决办法
    环境:OS:Centos7DB:mysql5.7.291.从库同步错误如下:mysql>showslavestatus\G;***************************1.row***************************Slave_IO_State:Master_Host:192.168.1.104Master_User:repl......
  • Vue2电商实战项目(三)
    排序的操作要求的数据格式-数据格式说明-'1'表示'综合排序'-'2'表示'价格排序'-'asc'表示'升序'-'desc'表示降序-项目的数据格式的样子 -1:asc -1:desc -2:asc -2:desc###Search.index.vue......&quo......
  • 关于谷歌浏览器出现“错误代码:net::ERR_UNSAFE_PORT”的解决办法
    搭建项目时需要自己配置端口信息,但是有人搭建之后会出现如下情况  但是换用edge等浏览器没有问题,这是因为chorme浏览器有自己的默认非安全端口,若访问这些端口就会出现这个错误,并且所有采用chorme内核的浏览器都会这样。解决方案是更换自己项目的端口,这里列出所有chorme的......
  • Win10文件资源管理器无法找到“始终显示图标,不显示缩略图”的解决办法
    来源:https://answers.microsoft.com/en-us/windows/forum/all/always-show-icons-never-thumbnails-option-not/31a04351-eaf7-4ed0-9b1f-d74682514f11顺利解决缩略图不显示的问题。有可能会问是否替换,输入yes即可。Basedfromthescreenshotthatyou'veprovided,itappears......
  • CentOS7端口被占用的解决办法
    1、根据端口号得到其占用的进程的详细信息netstat-tlnp|grep80tcp       0     0192.168.33.10:80           0.0.0.0:*                  LISTEN     5014/httpdtcp       0     00.0.0.0:48054    ......
  • vue2+van2 实现带搜索的级联选择组件
    级联选择组件新建组件-子项CasadeSelect/CasadeSelectItem.vue<template><divclass="container-list-item"><divclass="icon"><divclass="checkbox"><svg-iconv-if="curChecked"ic......