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)
//打印結(jié)果 [1,2,4,5]
//方法二
let index = arr .findIndex(item => {
? ? ? ? ? ? if (item == '3') {
? ? ? ? ? ? ? return true
? ? ? ? ? ? }
? ? ? ? ? })
arr.splice(index, 1)
//打印結(jié)果 [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-router 是一個插件，需要在 Vue 的全局引用中通過 Vue.use()將它引用到 Vue 實例當中。接下來通過本文給大家分享vue-router路由與頁面間導航，需要的朋友參考下吧2017-11-11
詳解Vue3?SFC?和?TSX?方式調(diào)用子組件中的函數(shù)
在使用?.vue?定義的組件中，setup?中提供了?defineExpose()?方法，該方法可以將組件內(nèi)部的方法暴露給父組件，這篇文章主要介紹了Vue3?SFC?和?TSX?方式調(diào)用子組件中的函數(shù),需要的朋友可以參考下2022-10-10
這篇文章主要介紹了vue npm install 安裝某個指定的版本操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了如何在Vue項目中導出Excel，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
為了實現(xiàn)全屏滾動效果,我們首先需要使用Vue.js框架搭建項目,這篇文章主要給大家介紹了關于VUE屏幕整體滾動(滑動或滾輪)原生方法的相關資料,需要的朋友可以參考下2024-01-01
background是background-color,background-image,background-repeat,background-attachment,background-position,background-size等屬性的縮寫,本文我用動態(tài)綁定background-image來舉例,感興趣的朋友跟隨小編一起看看吧2023-10-10
當一個組件需要獲取多個狀態(tài)的時候,將這些狀態(tài)都聲明為計算屬性會有些重復和冗余,為了解決這個問題我們可以使用mapState輔助函數(shù)幫助我們生成計算屬性,這篇文章主要給大家介紹了關于vuex狀態(tài)管理之mapState用法的相關資料,需要的朋友可以參考下2023-12-12
最近項目需要將原vue項目結(jié)合ts的使用進行改造，本文從安裝到vue組件編寫進行了說明，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了jquery和vue對比，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，讓構(gòu)建單頁面應用變得易如反掌。路由實際上就是可以理解為指向，就是我在頁面上點擊一個按鈕需要跳轉(zhuǎn)到對應的頁面，這就是路由跳轉(zhuǎn)2023-01-01