前端應用 Vue 介紹三種方法刪除商品列表裡記錄

2021-09-25 23:50:24 字數 745 閱讀 4286

上一節 我們只是能新增 記錄, 那如何刪除呢, 一共有兩個方法

乙個是利用 陣列的 some() 方法, 乙個是 findindex 方法。

第一 先確認 ,刪除記錄的id

第二 在刪除記錄的 button, 繫結乙個刪除的方法,並把id 當作引數進去。

第三 寫刪除方法, 刪除方法 首先根據 傳入的id 找到陣列物件的 index

第四 找到index之後 呼叫 splice 方法刪除 記錄,然後返回true。

按照這個步驟一步步的來,不要急。

第一 和第二如下

刪除

要注意 我們一定要時殷弘 prevent 阻斷他的預設行為, 否則這個click 事件 是不能用的。我們把 id 當作引數。

第三 和第四 步驟如下:

del(id) )}

}

第三種的寫法, 用findindex 直接返回乙個index 值,然後呼叫 splice 方法。

寫法如下:

del(id)})

this.list.splice(index,1)

}

也能達到效果,

全部的**如下:

id:name:

idname

ctime

operation

}}}刪除

Vue全域性元件建立三種方法

my com1 my com1 my com2 my com2 template id tmp1 div id h1 外部定義元件的方式,擁有 提示 h1 div template 1.1使用vue.extends 來建立全域性的vue元件 var com1 vue.extend 使用vue.com...

PHP刪除目錄的三種方法

1 遞規法 利用遞迴一層一層地刪除 deletedir dir else closedir dp else 2 系統呼叫法 function del dir dir else 3 迴圈法 function deltree pathdir else 如果是檔案就直接刪除 if is dir pathd...

部署tomcat應用的三種方法

try catch exception e 2 在server.xml中指定 在tomcat的配置檔案中,乙個web應用就是乙個特定的context,可以通過在server.xml中新建context裡部署乙個jsp應用程式。開啟server.xml檔案,在host標籤內建乙個context,內容如...