Comment supprimer une donnée dans vue

Comment supprimer une donnée dans vue : 1. Supprimez une certaine donnée dans le tableau ordinaire via la méthode "arr.splice(index, 1)" 2. Via "arr.findIndex(item => {...} Méthode arr.splice(id1, 1)" pour supprimer une donnée dans l'objet tableau.

L'environnement d'exploitation de ce tutoriel : système Windows 10, Vue version 3, ordinateur Dell G3

Comment supprimer une donnée dans vue Data ?

vue Supprimer une donnée dans le tableau

Supprimer une donnée dans le tableau

Supprimer un tableau normal

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]

Supprimer un. objet tableau

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)

Utilisez splice() pour supprimer une donnée dans le tableau

1. Lors d'une boucle pour sortir le tableau, v-for="(item,index) in list" //Besoin d'obtenir l'indice actuel , élément

2. Cliquez sur le bouton Supprimer pour transmettre un paramètre et obtenez ce paramètre dans cette méthode de fenêtre contextuelle. Définissez un espace vide dans les données et attribuez le paramètre à cette valeur

3. dans la fenêtre contextuelle pour obtenir le array.splice (valeur d'indice obtenue, 1)

Apprentissage recommandé : "Vidéo vue.js. Tutoriel》

 );

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!