Saya akan siarkan semua kod. Tengoklah

       
  
 
  0  单价：10元 小计：0元 
 
  0  单价：7.5元 小计：0元 
 
  0  单价：15元 小计：0元 
 
  0  单价：20元 小计：0元 
 
  0  单价：150元 小计：0元 
 
  
单价最高：0元
 
总计：0元
   

Adalah sesuai untuk menulis troli beli-belah menggunakan kaedah berorientasikan objek Berikut ialah kod es6

class Cart{ constructor(){ //set，map，array，随你选 this.list = []; } //将商品加入购物车，需要判断购物车内是否有该商品， //以及商品规格是否相同 add(goods){} //将商品移除购物车,这个key可以是id，名称等等，你自己决定 remove(key){} //计算购物车总价，当然，最贵的当然可以计算出来了，排个序就号了 computeMoney(){} //保存购物车，localstorage,服务器，你自己决定，保存之后还是之前更新界面还是你决定 save(){} //清空购物车 clear(){} //购物车是否为空 isEmpty(){} //更多逻辑....... }

Adalah yang terbaik untuk menambah fungsi cangkuk (onSave, onAdd, onRemove....) pada setiap kaedah untuk mencapai penggunaan semula dan penyahgandingan

Prinsipnya ialah apabila pengguna mengklik tanda tambah pada halaman pemilihan produk, data diperoleh daripada sumber data dan dimasukkan ke dalam tatasusunan baharu

var data=res.data; var shopCar=[]; add(index){//点击加号的时候 shopCar[index]=data[index] }

Kemudian dapatkan objek tatasusunan baharu, iaitu senarai troli beli-belah.
Statistik adalah untuk menambah medan harga dalam objek tatasusunan Bagi kaedah yang anda gunakan untuk menambah, ia bergantung pada pilihan anda.

Jika ada tanda tolak, mesti ada juga operasi tolak yang sepadan.