link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

慷慨大方的麦片 · JavaScript---Dom树详解,节点 ...· 2 月前 ·

坏坏的西瓜 · Flutter中Map、List数组的常用方 ...· 2 月前 ·

酷酷的鸵鸟 · React中如何动态添加和删除元素_reac ...· 1 月前 ·

知识渊博的柚子 · 在Swift中展平数组的数组开发者社区· 1 月前 ·

腼腆的饼干 · array（C++/CLI 和 ...· 1 月前 ·

销魂的跑步鞋 · [Solved] escaping ...· 8 月前 ·

爽快的莲藕 · Ruby 字符串（String） | 菜鸟教程· 1 年前 ·

英姿勃勃的刺猬 · hive:后台启动、和脚本化运行-阿里云开发者社区· 1 年前 ·

谦虚好学的领结 · 错误描述：fatal error ...· 2 年前 ·

飞翔的水煮鱼 · 腾讯云开发者社区-腾讯云· 2 年前 ·

首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue清空数组

vue清空数组的几个方式(小结)

2021-12-29 11:03:22 作者：RadiumAg

本文主要介绍了vue清空数组的几个方式，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

1. 前言

前两天在工作当中遇到一个问题,在vue3中使用reactive生成的响应式数组如何清空,当然我一般清空都是这么写:
let array = [1,2,3]; array = [];

不过这么用在reactive代理的方式中还是有点问题，比如这样:
let array = reactive([1,2,3]); watch(()=>[...array],()=>{ console.log(array); array = reactive([]);

很显然，因为丢失了对原来响应式对象的引用，这样就直接失去了监听。

2. 清空数据的几种方式

当然，作为一名十年代码经验常年摸鱼的我，立马就给出了几个解决方案。

2.1 使用ref()

使用ref,这是最简便的方法:
const array = ref([1,2,3]); watch(array,()=>{ console.log(array.value); array.value = [];

3. 总结

到此这篇关于vue清空数组的几个方式(小结)的文章就介绍到这了,更多相关vue清空数组内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

工信部称网盘企业免费用户最低速率应满足基本下载需求，天翼云盘回应：坚决支持，始终

电脑版 - 返回首页

2006-2023 脚本之家 JB51.Net , All Rights Reserved.
苏ICP备14036222号

推荐文章

慷慨大方的麦片 · JavaScript---Dom树详解,节点查找方式(直接(id,class,tag),间接(父子,兄弟)),节点操作(增删改查,赋值节点,替换节点,),节点属性操作(增删改查),节点文本的操作(增删

2 月前

坏坏的西瓜 · Flutter中Map、List数组的常用方法_flutter map

2 月前

酷酷的鸵鸟 · React中如何动态添加和删除元素_react 动态添加组件

1 月前

知识渊博的柚子 · 在Swift中展平数组的数组开发者社区

1 月前

腼腆的饼干 · array（C++/CLI 和 C++/CX） | Microsoft Learn

1 月前

销魂的跑步鞋 · [Solved] escaping sqlite wildcards - CodeProject

8 月前

爽快的莲藕 · Ruby 字符串（String） | 菜鸟教程

1 年前

英姿勃勃的刺猬 · hive:后台启动、和脚本化运行-阿里云开发者社区

1 年前

谦虚好学的领结 · 错误描述：fatal error C1010: 在查找预编译头时遇到意外的文件结尾。是否忘记了向源中添加“#include_51CTO博客_fatal error C1010

2 年前

飞翔的水煮鱼 · 腾讯云开发者社区-腾讯云

2 年前

vue清空数组的几个方式(小结)

2. 清空数据的几种方式 当然，作为一名十年代码经验常年摸鱼的我，立马就给出了几个解决方案。

2.1 使用ref() 使用ref,这是最简便的方法: const array = ref([1,2,3]); watch(array,()=>{ console.log(array.value); array.value = [];

3. 总结 到此这篇关于vue清空数组的几个方式(小结)的文章就介绍到这了,更多相关vue清空数组内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

2. 清空数据的几种方式

当然，作为一名十年代码经验常年摸鱼的我，立马就给出了几个解决方案。

2.1 使用ref()

使用ref,这是最简便的方法:
const array = ref([1,2,3]); watch(array,()=>{ console.log(array.value); array.value = [];

3. 总结

到此这篇关于vue清空数组的几个方式(小结)的文章就介绍到这了,更多相关vue清空数组内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！