Heim  >  Artikel  >  Web-Frontend  >  So löschen Sie ein Datenelement in Vue

So löschen Sie ein Datenelement in Vue

藏色散人
藏色散人Original
2022-12-21 10:41:079572Durchsuche

So löschen Sie ein Datenelement in Vue: 1. Löschen Sie ein bestimmtes Datenelement im gewöhnlichen Array mit der Methode „arr.splice(index, 1)“. 2. Durch „arr.findIndex(item =>)“ {...} arr.splice(id1, 1)“-Methode zum Löschen eines Datenelements im Array-Objekt.

So löschen Sie ein Datenelement in Vue

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Vue Version 3, Dell G3-Computer .

Wie lösche ich ein Datenelement in vue Data?

vue Ein Datenelement im Array löschen

Ein normales Array löschen

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]

Ein Datenelement löschen Array-Objekt

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)

Verwenden Sie splice(), um ein Datenelement im Array zu löschen

1. Bei der Schleife zur Ausgabe des Arrays v-for="(item,index) in list" //Der aktuelle Index muss abgerufen werden , item

2. Klicken Sie auf die Schaltfläche „Löschen“, um diesen Parameter in dieser Popup-Fenstermethode abzurufen, und weisen Sie den Parameter diesem Wert zu im Popup-Fenster, um array.splice abzurufen (erhaltener Indexwert, 1);

Empfohlenes Lernen: „

vue.js Video. Tutorial

Das obige ist der detaillierte Inhalt vonSo löschen Sie ein Datenelement in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn