vue更改数组中的值实例代码详解

网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了vue更改数组中的值,本文通过两个例子,给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

根据下标更改时

vm为新建的vue对象

ind为数组

第一个e为在数组ind中e索引位置

第二个e为更改为值e

vm.$set(vm.ind,e,e)

常规更改

arr为数组

//添加
arr.push(1);
//删除
arr.splice(,);
//替换
arr.splice(,,);

splice方法

实例

例子 1

在本例中,我们将创建一个新数组,并向其添加一个元素

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "Gee"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")
</script>

输出

Gee,John,Thomas,James,Adrew,Martin
Gee,John,William,Thomas,James,Adrew,Martin

例子 2

在本例中我们将删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "Gee"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,1,"William")
document.write(arr)
</script>

输出

Gee,John,Thomas,James,Adrew,Martin
Gee,John,William,James,Adrew,Martin

例子 3

在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素,并添加一个新元素 ("William") 来替代被删除的元素

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "Gee"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,3,"William")
document.write(arr)
</script>

输出

Gee,John,Thomas,James,Adrew,Martin
Gee,John,William,Martin

以上所述是长沙网络推广给大家介绍的vue更改数组中的值实例代码详解,希望对大家有所帮助!

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by