Heim > Web-Frontend > View.js > So löschen Sie ein Datenelement in Vue

So löschen Sie ein Datenelement in Vue

藏色散人
Freigeben: 2022-12-21 10:41:07
Original
9596 Leute haben es durchsucht

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]
Nach dem Login kopieren

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)
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage