vueでデータを削除する方法

vue でデータを削除する方法: 1. 「arr.splice(index, 1)」メソッドを使用して通常の配列内の特定のデータを削除します; 2. 「arr.findIndex( item => { ...}arr.splice(id1, 1)" メソッドを使用して、配列オブジェクト内のデータを削除します。このチュートリアルの環境: Windows 10 システム、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" // 現在のデータを取得する必要がありますsubscript, item

2. 削除ボタンをクリックして、このポップアップ ウィンドウ メソッドでパラメータを渡します。このパラメータを取得します。データに空白を設定し、パラメータをこの値に割り当てます。

3. ポップアップ ウィンドウの削除ボタンをクリックして、この array.splice(obtained subscript value, 1);

推奨学習: "

vue.js ビデオ チュートリアル

#"

以上がvueでデータを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。