当前位置：网站首页 > 技术分类 > 正文

VUE业务中数据绑定无效-this.$set来帮忙

ztj100 2024-12-31 15:59 18 浏览 0 评论

这个方法之前看文档肯定是看到了，但是从来没有遇到问题，就抛之脑后了！这不遇到问题了还得请它来帮忙！

车祸现场

问题剖析

当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$se来帮忙了！
官方解释：对于已经创建的实例，Vue 不允许动态添加根级别的响应式 property，。但是，可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式 property。
Vue 不能检测以下数组的变动：当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue
Vue 不能检测以下数组的变动：当你修改数组的长度时，例如：vm.items.length = newLength

解决方案

//this.specImages[index] = fileList
this.$set(this.specImages,index,fileList)

使用“this.$set”解决战斗，VUE在开发的时候能遇到的问题都已经给了解决方案了！只能是自己不懂！

作者：xiaoyin199
来源：攸米教育
本文原创发布于攸米教育，转载请注明出处，谢谢合作

vue 数组添加元素

上一篇：前端架构师成长之路:图解 JavaScript 数组方法
下一篇：k8s集群部署工具kubeadm详解

相关推荐

Java项目宝塔搭建实战MES-Springboot开源MES智能制造系统源码: 大家好啊，我是测评君，欢迎来到web测评。...

一个令人头秃的问题，Logback 日志级别设置竟然无效?: 原文链接：https://mp.weixin.qq.com/s/EFvbFwetmXXA9ZGBGswUsQ原作者：小黑十一点半...

实战!SpringBoot + RabbitMQ死信队列实现超时关单: 需求背景之为什么要有超时关单原因一：...

火了!阿里P8架构师编写堪称神级SpringBoot手册，GitHub星标99+: Springboot现在已成为企业面试中必备的知识点，以及企业应用的重要模块。今天小编给大家分享一份来着阿里P8架构师编写的...

Java本地搭建宝塔部署实战springboot仓库管理系统源码: 大家好啊，我是测评君，欢迎来到web测评。...

工具尝鲜(1)-Fleet构建运行一个Springboot入门Web项目: Fleet是JetBrains公司推出的轻量级编辑器，对标VSCode。该款产品还在公测当中，具体下载链接如下JetBrainsFleet：由JetBrains打造的下一代IDE。想要尝试的...

SPRINGBOOT WEB 实现文件夹上传(保留目录结构): 网上搜到的SpringBoot的代码不多，完整的不多，能用的也不多，基本上大部分的文章只是提供了少量的代码，讲一下思路，或者实现方案。之前一般的做法都是使用HTML5来做的，大部都是传文件的，传文件夹...

Java项目本地部署宝塔搭建实战报修小程序springboot版系统源码: 大家好啊，我是测评君，欢迎来到web测评。...

新年IT界大笑料“工行取得基于SpringBoot的web系统后端实现专利: 先看看专利描述...

看完SpringBoot源码后，整个人都精神了: 前言当读完SpringBoot源码后，被Spring的设计者们折服，Spring系列中没有几行代码是我们看不懂的，而是难在理解设计思路，阅读Spring、SpringMVC、SpringBoot需要花...

阿里大牛再爆神著:SpringBoot+Cloud微服务手册: 今天给大家分享的这份“Springboot+Springcloud微服务开发实战手册”共有以下三大特点...

WebClient是什么?SpringBoot中如何使用WebClient?: WebClient是什么？WebClient是SpringFramework5引入的一个非阻塞、响应式的Web客户端库。它提供了一种简单而强大的方式来进行HTTP请求，并处理来自服务器的响应。与传...

SpringBoot系列——基于mui的H5套壳APP开发web框架: 　　前言　　大致原理：创建一个main主页面，只有主页面有头部、尾部，中间内容嵌入iframe内容子页面，如果在当前页面进行跳转操作，也是在iframe中进行跳转，而如果点击尾部按钮切换模块、页面，那...

在Spring Boot中使用 jose4j 实现 JSON Web Token (JWT): JSONWebToken或JWT作为服务之间安全通信的一种方式而闻名。...

Spring Boot使用AOP方式实现统一的Web请求日志记录?: AOP简介AOP(AspectOrientedProgramming)，面相切面编程，是通过代码预编译与运行时动态代理的方式来实现程序的统一功能维护的方案。AOP作为Spring框架的核心内容，通...

取消回复欢迎你发表评论:

一周热门

最近发表

首页
收录
顶部