vue中怎麼刪除一條數據

vue中刪除一筆資料的方法：1、透過「arr.splice(index, 1)」方法刪除普通陣列中的某一資料；2、透過「arr.findIndex(item => { ...}arr.splice(id1, 1)」方法刪除陣列物件中的一筆資料即可。

本教學操作環境：Windows10系統、 Vue 3版、Dell G3電腦。

vue中怎麼刪除一條資料？

vue 刪除陣列中的某一資料

#刪除陣列中的某一條資料

刪除普通陣列

let arr = [1,2,3,4,5];
 
//方法一
let index = arr.indexOf('3');
arr.splice(index, 1)
//打印结果 [1,2,4,5]
//方法二
let index = arr .findIndex(item => {
            if (item == '3') {
              return true
            }
          })
arr.splice(index, 1)
//打印结果 [1,2,4,5]

刪除陣列物件

let arr = [
    {
       id:1,
       name:'张三'
    },
    {
       id:2,
       name:'李四'
    },
    {
       id:3,
       name:'王二'
    },
    {
       id:4,
       name:'麻子'
    },
];
let id1 = arr.findIndex(item => {
      if (item.id == '3') {
          return true
      }
 })
 arr.splice(id1, 1)

使用splice()刪除陣列中的一個資料

1.循環輸出陣列時v-for="(item,index) in list" //需要取得目前下標,item

2.點選刪除按鈕傳送一個參數， 在這個彈視窗方法中取得到這個參數。在data中設定一個空置，把參數賦給這個值。

3. 彈窗中點選刪除按鈕這個陣列.splice(取得到的下標值，1);

推薦學習：《vue.js影片教學》

以上是vue中怎麼刪除一條數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！