首页 > 其他分享 >uniapp修改数组对象属性,视图不刷新问题

uniapp修改数组对象属性,视图不刷新问题

时间:2023-04-07 11:00:29浏览次数:36  
标签:uniapp set val 修改 视图 item 数组 组件

uniapp最大的坑 遇到修改数组属性视图不更新的问题  有两种解决方法

一:this.$forceUpdate();强制更新,这个确实在H5端更新了,但是微信小程序还是没有更新

二:this.$set(),一样不行修改数组后视图依旧不刷新

最后用$.elmit()方法 在子组件修改父组件传给子组件的值 达到父子组件双向数据绑定的原理 修改的时候用this.$set(传入的数组,修改值的索引,修改的值)

 

 

 

//父组件
currentTab(item) {
 this.ListData.map((val, index) => {
  if (val.activeCode == item.activeCode) {

    //父组件用set修改
    this.$set(this.ListData, index, {
    ...val,
    checked: true
});
  this.currentItem = item;

} else {
  val.checked = false
   }
});
  console.log(this.ListData)
},

 

 

//子组件传值到父组件
currentRadio(item) {
let Obj = {}
this.ispList.map((val, i) => {
if (item.agentNo == val.agentNo) {
Obj = {
...item,
checked: true
};
this.ISPRadioItem = item
}
});
//子组件传值到父组件方法
this.$emit('currentRadio2', Obj)
}

 

标签:uniapp,set,val,修改,视图,item,数组,组件
From: https://www.cnblogs.com/shenbo666/p/17295438.html

相关文章

  • 数组去重
    数组去重,实际开发用得到例:将下面数组去除重复元素(以多种数据类型为例)constarr=[1,2,2,'abc','abc',true,true,false,false,undefined,undefined,NaN,NaN]1.利用Set()+Array.from()Set对象:是值的集合,你可以按照插入的顺序迭代它的元素。Set中的元素只会出现一......
  • Listview中显示不同的视图布局
    1.使用场景在重写ListView的BaseAdapter时,我们常常在getView()方法中复用convertView,以提高性能。convertView在Item为单一的同种类型布局时,能够回收并重用,但是多个Item布局类型不同时,convertView的回收和重用会出现问题。比如有些行为纯文本,有些行则是......
  • 题目 1025: [编程入门]数组插入处理
    题目描述已有一个已正序排好的9个元素的数组,今输入一个数要求按原来排序的规律将它插入数组中。输入格式第一行,原始数列。第二行,需要插入的数字。输出格式排序后的数列样例输入178172324596210150样例输出178172324505962101......
  • Java-Day-5(数组 + 排序 + 查找 + 二维数组)
    Java-Day-5数组可以存放多个同一类型的数据,属于引用类型动态初始化语法:数据类型数组名[]=new数据类型[大小]例:int[]a=newint[5]或:doublea[]=newdouble[n]使用(引用/访问/获取)时,初始下标(索引)是从0开始,第一个数=a[0]获取长度:数组名.length......
  • c++primer3.5数组
    3.5 数组数组大小固定,灵活性差。3.5.1 定义和初始化内置数组数组维度是一个常量表达式,数组的元素是一个对象。不允许用auto关键字由初始值的列表推断类型,必须指定数组类型。数组无法进行拷贝。数组本身就是对象,允许定义数组的指针以及数......
  • java基础起步五-数组(1)
    ·数组(array):简单的说就是一组数。java中数组也是一种数据类型,相同数据类型的匀速按照一定的顺序的集合,而且是有限个类型相同的变量用一个名字来命名。比如要存储1706A班级的学员成绩,第一组有四个同学,我们可以如下定义:intscore1=80;intscore2=82;intscore3=83;ints......
  • 数组里有n个元素,取第一个元素和最后一个元素时间差会很大吗?
    其实呢,不要被这个所迷惑了,数组里面呢无论有多少个元素,它都是通过key值去精确查找哈希表的过程,所以呢,它们所消耗的时间呢,基本就是差不多的,当然,可能会有一些差异,但这个差异的话,可以忽略不计。......
  • bitset数组
    bitset的用法及例题(对DP过程的优化)  bitset这容器有点离谱,卡常优化空间神器。什么是bitset?bitset是c++STL里面的一个容器,可以理解为存放01串的,很奇怪,bool[]不也一样能实现这个功能?不是这样的,bool每个元素占一个字节,也就是8bit,而bitset中每个串中的01值每个只占一个bit!!!......
  • vue之数组的方法
    目录简介filter方法简介本文会把遇到的数组的方法慢慢补充进来filter方法filter()方法是一个过虑方法以下面的为例:列表dataList会每次取一个值,把值给匿名函数,并执行。比如第一次过虑会把a给dataList.filter(function(items){xxxx},第二次会把at传给函数,后面依次类推。<s......
  • uniapp 如何接入 airwallex的支付
    在uni-app中接入Airwallex的支付,需要进行如下步骤:在你的uni-app项目中引入AirwallexSDK。importairwallexfrom'airwallex-payment-widgets';初始化Airwallex支付控件。constpaymentMethodConfig={env:'staging',//环境,包括“staging”和“production”......