Vue中如何删除数组中指定值

最新推荐文章于 2025-09-29 21:53:20 发布

原创最新推荐文章于 2025-09-29 21:53:20 发布 · 4.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue

笔记专栏收录该内容

11 篇文章

订阅专栏

本文探讨了在使用Vue el-tree组件时，如何正确地从数组中删除指定ID的问题。通过具体示例，解释了splice方法的使用，特别关注了如何避免误删首个元素，确保精确移除目标项。

部署运行你感兴趣的模型镜像

在做vue el-tree数组保存id时，用shift 函数发现总是删除数组的第一个，而非自己想要删除的那个
pid为数组，item.id为要删除的元素的值。1就是删除它自身。

this.pid.splice(this.pid.indexOf(item.id),1)

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

波伏瓦海狸

关注关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue中修改数组的值

TechGlide的博客

10-02

464

在Vue中，我们经常需要对数组进行修改，例如更新数组中的某个元素或者添加/删除元素。本文将详细介绍如何在Vue中修改数组的值，并提供相应的源代码示例。

Vue快速教程：如何优雅地移除数组中的特定元素？

CRMEB小程序商城的博客

03-18

7274

这段代码乍一看似乎没啥问题，removeArr记录了要剔除的位置，比如[1, 3], 剔除1、3位置，但在剔除1位置后，splice会修改本身数组长度，原先的3位置的元素应该是退到2位置了，如果还剔除3位置的元素，按逻辑来说是不对的。在写本文的时候，我发现以下更简洁的写法，每次剔除前，直接获取要剔除的位置即可，虽然可能剔除位置一直不变，但是元素的变化了的，所以也不会出现剔除错误的情况。方法将要删除的元素之前和之后的元素分别存储在新的数组中，从而得到去除指定元素后的数组。方法来去除数组中的某个元素。

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

爱玩的安哥 2021.11.30
还以为Vue.delete能用，结果uniapp里面说找不到Vue，还是这个万能

vue 删除数组中的某一条数据

m0_67400973的博客

03-09

1万+

一、删除普通数组 let arr = [1,2,3,4,5]; //方法一 let index = arr.indexOf('3'); arr.splice(index, 1) //打印结果 [1,2,4,5] //方法二 let index = arr .findIndex(item => { if (item == '3') { return true } }) arr.splice(index, 1

开发避坑指南(59)：Vue3中高效删除数组元素的方法

热门推荐

AllTimeLow丶的博客

11-21

2万+

在上面的代码中，我们定义了一个名为removeItems的方法，这个方法接受两个参数：要删除的元素的起始索引值和要删除的元素的结束索引值。在上面的代码中，我们定义了一个Vue实例vm，其中定义了一个名为list的数组，然后定义了一个名为removeItem的方法，这个方法接受一个参数index，也就是要删除的元素的索引值，然后使用splice()函数删除对应的元素。splice()函数接受两个参数：第一个参数是要删除的元素的索引值，第二个参数是要删除的元素的个数。三、Vue中删除数组多个元素的方法。

delete和splice和Vue.delete删除数组的区别（注：数组）

xiasohuai的博客

12-04

1万+

delete只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。 splice直接删除了数组改变了数组的键值。 Vue.delete直接删除了数组改变了数组的键值。 <script type="text/javascript"> var a=[1,2,3,4] var b=[1,2,3,4] delete a[1] console.lo...

vue 重塑数组之修改数组指定index的值操作

10-14

在本文中，我们将深入探讨如何在Vue.js中正确地修改数组指定索引的值，并解决由此产生的视图不更新问题。首先，我们来看一个简单的示例。假设你有一个名为`items`的数据属性，它是一个数组，你可能想要修改其中...

vue 根据数组中某一项的值进行排序的方法

01-19

vue中数组和对象的排序 1数组排序 <li v-for=a>{{a}} [removed] new Vue({ el:#app, data:{ arr:[1,4,5,2,3,44] },computed:{ arr1:function(){ return this.arr.sort(sortNum)//调用排序方法 }...

Vue 获取数组键名的方法

12-02

在Vue.js中，有时我们需要获取数组对象中的键名，特别是在处理JSON数据时。在这个场景中，我们有一个特定的JSON结构，包含"head"和"main"两个键，每个键下都是一个数组。我们要从"main"数组的第一个元素中获取键名...

vue通过点击；删除数组中某一项

不想被卷出去的前端老鸟

07-07

3666

vue通过点击；删除数组中某一项

Vue修改指定的数组对象键名和删除指定的键和值

weixin_44590591的博客

09-14

2479

newdata1 = this.changeTreeDate(newdata1, "label", "name"); var serveCity = this.changeTreeDate(newdata1, "value", "id");//修改键名前 var serveProvince = this.changeTreeDate(newdata1, "value", "id");//修改键名后 serveProvinc

vue3 数组操作，添加、删除

qq_45706352的博客

06-28

1万+

vue3操作数组三种方式

【vue】控制台中如何移除数组arr中的值？如何给数组arr中放值？

MS_SONG的博客

12-27

879

浏览器控制台中移除数组属性中的值

Vue中splice()方法：实现对数组进行增删改的操作

xybhua的博客

12-31

6386

语法结构：splice(index,len,[item])1、可以用来添加/删除/替换数组内某一个或者几个值2、该方法会改变原始数组index:数组开始下标len: 替换/删除的长度item:替换的值，删除操作的话 item为空一、删除：index表示要删除的数组下标， len长度为1（len设置1，如果为0，则数组不变），item为空表示执行删除操作。

记录vue3+ts项目中数组删除元素时通过splice的问题

weixin_44368048的博客

08-04

4218

js数组使用splice删除导致原数组发生改变后，if条件出错

ts+vue3实现页面的添加数据，删除数据，没有更多数据的显示

m0_62330492的博客

11-08

1099

【代码】ts+vue3实现页面的添加数据，删除数据，没有更多数据的显示。

vue中怎么删除数组中的指定元素

07-13

在 Vue 中删除数组中的指定元素有多种方法。以下是其中几种常见的方法： 1. 使用 `splice` 方法： ```javascript // 假设数组名为myArray，要删除的元素索引为index myArray.splice(index, 1); ``` 2. 使用 `filter` 方法： ```javascript // 假设数组名为myArray，要删除的元素值为value myArray = myArray.filter(item => item !== value); ``` 3. 使用 `indexOf` 和 `splice` 方法： ```javascript // 假设数组名为myArray，要删除的元素值为value const index = myArray.indexOf(value); if (index > -1) { myArray.splice(index, 1); } ``` 4. 使用 `findIndex` 和 `splice` 方法： ```javascript // 假设数组名为myArray，要删除的元素值为value const index = myArray.findIndex(item => item === value); if (index > -1) { myArray.splice(index, 1); } ``` 请注意，以上方法会直接修改原始数组。如果你不想修改原始数组，可以使用 `slice` 方法创建一个新的数组并删除指定元素。