大家好，又见面了，我是你们的朋友全栈君。
vue 数据添加分为三种方法：1.unshift()，2.push(),3.splice()
<template>
<div>
<ul>
<li v-for="(time,index) of listTable" :key="index" @click="copyNew(time,index)">
{
{time.id}}{
{time.name1}}{
{time.name2}} 添加
</li>
</ul>
</div>
</template>
<script>
export default {
data(){
return{
listTable:[
{id:'1',name1:'a1',name2:'b1'},
{id:'2',name1:'a2',name2:'b2'},
{id:'3',name1:'a3',name2:'b3'},
],
}
},
}
</script>
1.unshift() //数组头部添加一条新数据
let newList = {
id:'4'
name1:'a4',
name2:'b4',
}
this.listTable.unshift(newList) //unshift()在数组头部添加一条数据
console.log(this.listTable)
2.push() //数组末端添加一条新数据
this.listTable.push(newList) //push()在数组末端添加一条数据
console.log(this.listTable)
3.splice() //数组操作
copyNew(time,index){
console.log(time)
let newList = {
id:time.id,
name1:time.name1,
name2:time.name2,
}
//第一个参数为需要操作数据的下标，第二个参数为操作添加/删除(0为添加，1为不操作，2为删除，3为删除多条数据)，第三个参数可选
this.listTable.splice(index,0,newList)
console.log(this.listTable)
}
4.concat() // 数组合并
let arrA = [1,2,3]
let arrB = [4,5]
arrA.concat(arrB) // 输出 1,2,3,4,5
let arrC = [6,7]
arrA.concat(arrB,arrC) // 输出 1,2,3,4,5,6,7
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/131068.html原文链接：https://javaforall.net
