vue中数组不具有响应式,需要使用vue.$set()

news/2024/7/10 2:53:34 标签: vue

1.在掉完接口后在数组中的每一项添加三个属性

orderStatus(id){
				this.api.orderListStatus ({order_id:id}).then(res=>{
					this.datalist = res.order_detail
					this.goods_info = res.order_detail.goods_detail
					res.order_detail.goods_detail.map(item=>{
						item['comment']=''
						item['imgList']=[]
						item['remnant'] =0
					
					})
					console.log(this.goods_info)
					}).catch(err=>{
									 
					})
			},

2.通过上传输入改变属性的属性值
若是直接改变remnant的值,页面并没有渲染,这里就是需要用到$.set(),改变数组的值,是不具有响应式的,或者也可以重新赋值,赋值到一个空数组上

	// 输入框字数
			descInput(e,index){
				// this.remnant=12
				this.goods_info.map((item,cindex)=>{
					if(index==cindex){
						item.remnant=e.detail.value.length
						this.$set(this.goods_info,index,item)
					}
					
				})

在这里插入图片描述
在这里插入图片描述


http://www.niftyadmin.cn/n/1512046.html

相关文章

Python爬虫-数据处理与存储

Python爬虫-数据处理与存储 数据处理 ​ 可以使用pandas模块来实现数据处理,pandas是一个开源的并且通过BSD许可的库。它主要为Python语言提供高性能、易于使用数据结构和数据分析工具,此外还提供了多种数据操作和数据处理方法。由于pandas是第三方模块…

IOS ARC浅析

本文部分实例取自iOS 5 Toturail一书中关于ARC的教程和公开内容,仅用于技术交流和讨论。请不要将本文的部分或全部内容用于商用,谢谢合作。 欢迎转载本文,但是转载请注明本文出处:http://www.onevcat.com/2012/06/arc-hand-by-han…

uni中复制文本组件

传入的值value的类型是String字符串 copy(value){uni.setClipboardData({data: value, //要被复制的内容success: function() {uni.showToast({title: 复制成功,duration: 2000,icon: none});}}) }

Python反爬机制-验证码

识别验证码 ​ OCR(Optical Character Recognition)即光学字符识别技术,专门用于对图片文字进行识别,并获取文本。字符验证码的特点就是验证码中包含数字、字母或者掺杂着斑点与混淆曲线的图片验证码。识别此类验证码,首先需要找到验证码验证…

Effective C++ ——构造/析构/赋值运算符

条款五:了解C默认编写并调用那些函数是否存在空的类?假设定义类为class Empty{};当C编译器处理过后会变成如下的形式:class Empty{Empty(){}~Empty(){}Empty& operator(const Empty& rhs){.....}Empty(const Empty& r…

Scrapy 爬虫框架

Scrapy 爬虫框架 1. 概述 ​ Scrapy是一个可以爬取网站数据,为了提取结构性数据而编写的开源框架。Scrapy的用途非常广泛,不仅可以应用到网络爬虫中,还可以用于数据挖掘、数据监测以及自动化测试等。Scrapy是基于Twisted的异步处理框架&…

通过获取到的时间戳转换为倒计时

getEndTime(endtime){let timer setInterval(() > {// 当前时间戳&#xff08;ms&#xff09;let nowTime (new Date).getTime();// 倒计时(s)let resTime Math.floor((parseInt(endtime) - nowTime/1000));if(resTime < 0){clearInterval(timer);return}// 转成时分秒…

SQL Server 2012中Task是如何调度的?

SQL Server 2012中Task是如何调度的&#xff1f; SQL Server 2012中Task是如何调度的&#xff1f;[原文来自&#xff1a;How It Works: SQL Server 2012 Database Engine Task Scheduling]从SQL Server 7.0以来调度算法并没有很大的改变。算法概述&#xff1a;调度从分配NUMA节…