django开发电子商城(十二)购物车页面以及vue框架

1:下载vue.js,并引入该框架


2:确定控制的模块范围,并传入模拟数据


3:找到指定控制的函数,通过vue的for循环,将数据(商品的名称和商品的价格)渲染出来


4:修改CSS文件和JS文件的引入地址


在地址栏中输入:file:///C:/code/website/firstapp/templates/course_shopcart.html(HTML文件所在的绝对地址),运行结果如下:


5:利用v-model给input输入框绑定数据


6:渲染小计金额的显示


7:编辑页面,实现“—”和“+”的功能


8:设置是否默认选中



9:增加是否全选的判断


10:利用set和get属性,设置全选和反选的功能


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容