其實在去年小穎已經(jīng)寫過一篇：Vue.js實現(xiàn)checkbox的全選和反選

創(chuàng)新互聯(lián)建站專注于瀘溪網(wǎng)站建設服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供瀘溪營銷型網(wǎng)站建設，瀘溪網(wǎng)站制作、瀘溪網(wǎng)頁設計、瀘溪網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務，打造瀘溪網(wǎng)絡公司原創(chuàng)品牌,更為您提供瀘溪網(wǎng)站排名全網(wǎng)營銷落地服務。

小穎今天在跟著慕課網(wǎng)學習vue的過程中，順便試試如何在table中實現(xiàn)全選和反選，頁面的css樣式是直接參考慕課網(wǎng)的樣式寫的，js是小穎自己寫噠，歡迎大家吐槽和點贊，嘻嘻

demo的  git 地址：ShoppingCart

頁面效果：

具體怎么實現(xiàn)的呢？

使用localstorage來存儲頁面信息 中已經(jīng)有寫項目是怎么創(chuàng)建的所以小穎在這里就不重復了，其實只是在上篇文章的基礎上稍微做了改動：

App.vue文件

home.vue文件

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。