vue實現添加與刪除圖書功能

先放大圖，當我們點擊刪除的時候，圖書名單就會被我們刪掉。當我們重新添加回來或者添加新書的時候，我們只需要在添加新書這里添加即可。

當我點擊刪除的時候，只需要的就是除卻刪除的那一個書籍之后剩下的圖書。

我們先來看看splice的用法。

splice() 方法向/從數組中添加/刪除項目，然后返回被刪除的項目。

注釋：該方法會改變原始數組

故在刪除書籍中我們會用到的方法是

刪掉idx位置的那一種書，返回剩下的新的書籍數組。

當我們點擊添加新書的時候，如果新書的id值比之前的書籍列表的值大，就添加在書籍末尾，否則就添加在對應的id處。

我們來看看添加書籍的代碼

我們再來看看此demo的詳細代碼

本文升華自圖書管理實戰視頻

此詳細demo見我的github:https://github.com/JserJser/reactWebApp/tree/master/vue-cdn

總結

以上所述是小編給大家介紹的vue實現添加與刪除圖書功能，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com