vue3 watch使用,避免出现监听不到数组的变化_vue3监听不到数组变化-程序员宅基地

技术标签: 前端  html  javascript  

感觉比vue2用起来麻烦了,props里面获取父传过来的数据,然后在setup里面写监听

注意!!!网上很多例子,第一个props.data都没写箭头函数,导致监听不到,必须写成箭头函数才能监听到data数组变化

props: {
    
    data: {
    
      type: Array,
      default: () => [],
    },
  },
setup(props, ctx) {
    
    watch(
      () => props.data,
      (val) => {
    
      	//val就是新的数据
        console.log(val);
        });
      }
    );
    return {
    
    };
  },
});
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wnk1997/article/details/126765335

智能推荐

iOS 组件化 —— 路由设计思路分析_jlrroutedefinition-程序员宅基地

文章浏览阅读357次。前言随着用户的需求越来越多,对App的用户体验也变的要求越来越高。为了更好的应对各种需求,开发人员从软件工程的角度,将App架构由原来简单的MVC变成MVVM,VIPER等复杂架构。更换适合业务的架构,是为了后期能更好的维护项目。但是用户依旧不满意,继续对开发人员提出了更多更高的要求,不仅需要高质量的用户体验,还要求快速迭代,最好一天出一个新功能,而且用户还要求不更新就能体验到新功能。为了满足用户..._jlrroutedefinition

Spring Boot防重复提交_springboot 防止第一次还没结束 就发第二次请求-程序员宅基地

文章浏览阅读8.7k次,点赞10次,收藏20次。考虑这样一种情况,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,用户极有可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单。我们在开发中必须防止表单重复提交,否则很有可能会生成非法数据。本文介绍一种非分布式服务后台防重复提交的一种实现方式,虽然在实际工作中,单点部署的服务已经很少了,但是我还是决定单独介绍一下,后面的文章再去介绍分布式服务防重复提交的方法,因为无论是单..._springboot 防止第一次还没结束 就发第二次请求

微信小程序后台部署_微信小程序后端怎么部署-程序员宅基地

文章浏览阅读2.2k次。微信小程序后台部署1.准备工作购买云服务器(有15天免费的)https://cloud.tencent.com/域名注册(有几块钱一年的)注册完成后解析云服务器iphttps://console.cloud.tencent.com/domain域名申请免费ssl证书https://console.cloud.tencent.com/ssl/Ssl证书申请通过后,点击下载证书,解压后打开Tomcat目录,里面的stupidkid.top.jks就是ssl证书,keystorePass.txt文_微信小程序后端怎么部署

五子棋简单实现、递归_nodejs根据五子棋目前棋局计算下一步落子位置-程序员宅基地

文章浏览阅读293次。递归、五子棋_nodejs根据五子棋目前棋局计算下一步落子位置

笔记:Python 列表与元组编程题(练习题)-程序员宅基地

文章浏览阅读947次,点赞24次,收藏14次。欢迎阅读本编程练习题集,旨在帮助您加深对 Python 中列表(List)与元组(Tuple)的理解和应用。列表与元组是 Python 中常用的数据结构,能够有效地存储和操作数据,对于编写各种类型的程序至关重要。通过完成这些编程练习,您将有机会加强对列表和元组的掌握,提高编程技能,并培养解决问题的能力。每个练习都设计得既具挑战性又有趣,涵盖了各种常见的应用场景和编程技巧。我们鼓励您在解决每个问题时尝试不同的方法和思路,灵活运用 Python 的各种功能和语法。

mysql数据库系列--数据库隔离级别及原理_数据库隔离级别原理-程序员宅基地

文章浏览阅读330次。一.事务的四个基本要素(ACID)说到数据库事务就不得不说,数据库事务中的四大特性:之前看过一篇文章,以去小卖部买东西为例,介绍事务:原子性(Atomicity):一个事务(transaction)中的所有操作,要么全部完成,要么全部不完成,不会结束在中间某个环节。事务在执行过程中发生错误,会被回滚(Rollback)到事务开始前的状态,就像这个事务从来没有执行过一样。以买东西为例:就..._数据库隔离级别原理

随便推点

ORA-03113: end-of-file on communication channel 解决方法_comandget db sessionid)时酸生周题(ora-03113: end-of-fil-程序员宅基地

文章浏览阅读9.9w次。今天在测试数据库中对一个表插入了大量的数据, 导致数据库卡死 hang 住, 重启数据库后报错如下:C:\Documents and Settings\davidd>sqlplus "/ as sysdba"SQL*Plus: Release 11.2.0.1.0 Production on Fri Dec 5 08:50:23 2014Copyright (c) 1982_comandget db sessionid)时酸生周题(ora-03113: end-of-file on communication ch

svn版本管理工具_svn版本管理工具介绍-程序员宅基地

文章浏览阅读414次。一、svn介绍1.项目管理中的版本控制问题通常软件开发由多人协作开发,如果对代码文件、配置文件、文档等没有进行版本控制,将会出现很多问题: 备份多个版本,占用磁盘空间大 解决代码冲突困难 容易引发BUG 难于追溯问题代码的修改人和修改时间 难于恢复至以前正确版本 无法进行权限控制 项目版本发布困难 2.什么是版本控制..._svn版本管理工具介绍

【电力系统分析复习笔记】电力系统的基本概念_电力系统分析笔记-程序员宅基地

文章浏览阅读828次,点赞3次,收藏12次。弧光接地”的持续间歇电弧很危险,可能引起线路的谐振现象而产生过电压,损坏电气设备或发展成为相间短路。星形联结变压器或发电机的中性点,即电力系统中性点的运行方式,是一个十分复杂的问题:关系到绝缘水平、通信干扰、接地保护方式、电压等级、系统接线等。现代电力系统是由电力系统主体、信息通信系统和电网监测、控制系统组成的统一整体,是一个巨大而又复杂的系统。小时后所消耗的电能恰好等于其全年的实际总耗电量,最大负荷利用小时数,较大时对电网有利。负荷分类(按负荷性质分类):工业、农业、交通运输业、商业、生活等。_电力系统分析笔记

Pandas read_json()时报错ValueError: Trailing data-程序员宅基地

文章浏览阅读3w次,点赞42次,收藏31次。有一份json格式的文件,如下:{ "cover": "http://p2.music.126.net/wsPS7l8JZ3EAOvlaJPWW-w==/109951163393967421.jpg?param=140y140", "title": "2018上半年最热新歌TOP50", "author": &_trailing data

优化库——g2o(二)ORB-SLAM2在局部建图线程中的优化_orb-slam2的局部优化-程序员宅基地

文章浏览阅读1.1k次。文章目录4.0 参考链接4.1 ORB-SLAM2在局部建图线程中的优化4.0 参考链接ORB-SLAM2代码阅读笔记(七):LocalMapping线程DreamWaterFound/self_commit_ORB-SLAM24.1 ORB-SLAM2在局部建图线程中的优化局部建图线程调用// Local BA// 当局部地图中的关键帧大于2个的时候进行局部地图的BAif(mp..._orb-slam2的局部优化

第二十三章Java二维数组详解_java创建二维数组-程序员宅基地

文章浏览阅读3.5k次,点赞3次,收藏13次。而在二维数组中,直接使用 length 属性获取的是数组的行数,在指定的索引后加上 length(如 array[0].length)表示的是该行拥有多少个元素,即列数。中二维数组被看作数组的数组,即二维数组为一个特殊的一维数组,其每个元素又是一个一维数组。Java 并不直接支持二维数组,但是允许定义数组元素是一维数组的一维数组,以达到同样的效果。在输出二维数组时,第一个 for 循环语句表示以行进行循环,第二个 for 循环语句表示以列进行循环,这样就实现了获取二维数组中每个元素的值的功能。_java创建二维数组

推荐文章

热门文章

相关标签