- 实例1:splice() 方法向/从数组中添加/删除项目
返回值:包含被删除项目的新数组,如果有的话
该方法会改变原始数组
arr: [1,2,3,4,5,6]
var a = this.arr.splice(0,1)
console.log(a) //返回值 [1]
console.log(this.arr)) //[2,3,4,5,6]
html:
<div class="wrap-box" v-for="(item,index) in arr">
<img :src=item.imgSrc>
<span @click="delImg(index)">{{item.text}}</span>
</div>
js:
arr: [
{
imgSrc: "http://img.benmu-health.com/wechatV2/img/hospital-guide/user-img.png",
text: '删除1'
},
{
imgSrc: "http://img.benmu-health.com/wechatV2/img/hospital-guide/user-img.png",
text: '删除2'
},
{
imgSrc: "http://img.benmu-health.com/wechatV2/img/hospital-guide/user-img.png",
text: '删除3'
}
methods: {
del(index){
this.arr.splice(index,1)
}
}
- 实例2:slice() 方法可从已有的数组中返回选定的元素
返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素
arr: [1,2,3,4,5,6]
var a = this.arr.slice(0,1)
console.log(a) //返回值 [1]
console.log(this.arr)) //[1,2,3,4,5,6] 不会改变原数组
this.arr = this.arr.slice(0,9)
或在DOM中通过索引取前10条 index < 10
网友评论