vue?如何刪除數(shù)組中的某一條數(shù)據(jù)
更新時間：2022年08月23日 10:00:54 作者：web13618542420
這篇文章主要介紹了vue?如何刪除數(shù)組中的某一條數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
刪除數(shù)組中的某一條數(shù)據(jù)
刪除普通數(shù)組
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]刪除數(shù)組對象
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()刪除數(shù)組中的一個數(shù)據(jù)
1.循環(huán)輸出數(shù)組時 v-for="(item,index) in list" //需要獲取當前下標,item
2.點擊刪除按鈕傳一個參數(shù) ， 在這個彈窗口方法中獲取到 這個參數(shù)。 在data中設置一個空置，把參數(shù)賦給這個值。
3.彈窗中點擊刪除按鈕 這個數(shù)組.splice(獲取到的下標值，1)；
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了Vue AST源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了使用vue構建多頁面應用的示例，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-10-10
這篇文章主要介紹了Vue中如何使用base64編碼和解碼問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
本文主要介紹了使用vite構建vue3項目的方法步驟，vite支持性肯定比傳統(tǒng)的打包工具好，下面我們就來介紹一下使用vite構建vue3項目，感興趣的可以參考一下2023-05-05
在Vue中用canvas實現(xiàn)二維碼和圖片合成海報的方法
這篇文章主要介紹了在Vue中用canvas實現(xiàn)二維碼和圖片合成海報的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
在現(xiàn)代?Web?開發(fā)中,前后端分離的架構模式越來越流行,前端通常使用?Vue、React?等框架開發(fā),而后端則使用?Flask、Django?等框架提供?API?服務,本文將詳細介紹如何在一個?Flask?項目中集成?Vue?前端項目,并確保能夠正確訪問和運行,需要的朋友可以參考下2025-03-03
對于Vue為何采用異步渲染，簡單來說就是為了提升性能，因為不采用異步更新，在每次更新數(shù)據(jù)都會對當前組件進行重新渲染，為了性能考慮，Vue會在本輪數(shù)據(jù)更新后，再去異步更新視圖，本文主要通過幾個實例給大家介紹一下Vue為何采用異步渲染,需要的朋友可以參考下2023-06-06
本篇文章給大家詳細分析了vue組件開發(fā)腳手架的相關內(nèi)容以及知識點，對此有興趣的朋友可以學習參考下。2018-06-06
本篇文章主要介紹了如何實現(xiàn)一個簡單的 vuex，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了詳解mpvue開發(fā)小程序小總結，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07