标题: vue 数组删除(对象)单条删除，多条删除 [打印本页]
作者: xiexie 时间: 2023-7-19 11:03 标题: vue 数组删除(对象)单条删除，多条删除
<!--
* @Descripttion:单行删除
* @version: 0.0.1
* @Author: PengShuai
* @Date: 2022-06-01 17:30:04
* @LastEditors: PengShuai
* @LastEditTime: 2022-06-01 17:30:04
-->
// 数据源
demoData: [
{
id: '1',
name: '奥巴马',
},
{
id: '2',
name: '狗头',
},
{
id: '3',
name: '卢锡安',
},
{
id: '4',
name: '盖伦',
},
{
id: '5',
name: '赵信',
},
],
methods: {
demo() {
console.log('全部数据 5条')
console.log(this.demoData)
//? 单选
//! 删除单行数据
const del = '3'
this.demoData = this.demoData.filter((o) => {
return o.id !== del
})
console.log('删除单行所返回的数据 4条')
console.log(this.demoData)
},
},
| 欢迎光临 PHP开发笔记 (http://phpvi.com/) |
Powered by Discuz! 6.1.0 |