VUE：完成页面数据删除的完整逻辑，不带删除API

S妖O风F

于 2024-07-16 20:04:20 发布

阅读量102

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/SOOOOOF/article/details/140475490

版权

//删除数据
import { ElMessage } from 'element-plus'
import {deleteLive} from '../../api/live'
const DeleteLive=(objectId)=>{//传递要删除的对象ID，从渲染的页面对象中可获取
  deleteLive(objectId).then((res)=>{//调用Api完成删除
    ElMessage(res)//提示弹框
    // 此删除只能删除数据库中的数据，渲染的数据并不会删除，需要刷新，这里需要处理一下
    if(res.type=='success'){
      for(let i=0 ;i<=lives.value.length;i++){//遍历找到数据库中被删除数据的数据同步删除
        if(lives.value[i].objectId==objectId){//找到要删除的数据ID
          lives.value.splice(i,1)//进行删除，注意数组删除要使用value属性获取数据
          return//避免数据太多性能不好，找到删除后马上停
        }
      }
    }
  })
}