web前端

vue购物车2.0

1、页面布局 2、要实现的功能:(1)点击全选框或单个选框,并合计总价(2)选中全部或单个,点击批量删除,进行删除操作      在methods添加方法:selectAll   selectSingle //点击全选按钮 selectAll(){ //event.currentTarget.checked表示点击完后该选择框的状态 if(!event.currentTarget.checked){ this.allSelectedGoods=[]; }else{ this.allSelectedGoods=[];//先置空,然后再重新添加,不然数组里会有重复!因为有可能点击全选之前已经

web前端

vue实现简单购物车

我们在开发商城的过程中,购物车功能是必不可少的一项,比如我们现在比较流行的商城有淘宝,天猫,京东,小米,拼多多,唯品会,当当网等知名商城。那么你是否想过自己开发一个购物车的功能呢?我们使用vue,angular都可以比较轻松的开发购物车这个功能。下面小编就使用vue带您做一个简单的购物车功能。 1.引入vue.js文件,然后搭建静态的json数组,渲染数据,基本结构html,css,js (1)隔行变色: <style> .bg{ background