如何通过checkbox计算选中商品得价格?

  • {{item.book_title}}

    ¥{{item.book_price}}

{{mount}}

合计

¥{{total}}

提交订单

import BreadCrumb from '@/components/common/BreadCrumb'

export default {

components: {

BreadCrumb

},

data () {

return {

breadCrumbList: [],

bookList: [],

radio: '0',

checkList: [],

num: 1,

mount: 0,

total: 0

}

},

mounted () {

this.breadCrumbList = [

{title: '首页'},

{title: '图书管理'},

{title: '图书借阅'}

],

this.bookList = [{

id: '0',

book_url: require('../assets/images/book1.jpg'),

book_title: '古埃及死者之书',

book_price: '39',

num: 0

},{

id: '1',

book_url: require('../assets/images/book2.jpg'),

book_title: '当你开始爱自己',

book_price: '45',

num: 0

},{

id: '2',

book_url: require('../assets/images/book3.jpg'),

book_title: '格雷巴旅馆',

book_price: '59',

num: 0

},{

id: '3',

book_url: require('../assets/images/book4.jpg'),

book_title: '亲密关系',

book_price: '30',

num: 0

},{

id: '4',

book_url: require('../assets/images/book5.jpg'),

book_title: '治愈的力量',

book_price: '25',

num: '0'

},{

id: '5',

book_url: require('../assets/images/book6.jpg'),

book_title: '公主走进黑森林',

book_price: '69',

num: 0

}

]

},

methods: {

onOrder () {

},

handleCheckedBooks () {

console.log(this.checkList)

},

handleChange (val) {

this.mount++

this.calcTotalMoney()

},

calcTotalMoney () {

let totalMoney = 0

this.checkList.forEach((item) => {

totalMoney += item.num *item.book_price

})

this.total = totalMoney

}

}

}

现在checkList只能获取到选中项得id是怎么回事?

python语言求商品的总价_计算商品总价?相关推荐

  1. python语言程序设计是什么课文_中国大学MOOC有哪些优质课程?

    说到学习,相信很多人囤了一堆自学网站吧?囤完之后,是不是依然不知道要学什么? 因为免费的网络课程,质量参差不齐,试错成本太高. 所以小叶子帮大家做了这样一件事,直接帮你从中国大学MOOC里挑选了25门 ...

  2. 通常我们将python语言程序保存在一个后缀_知到毛概章节测试答案2020

    知到毛概章节测试答案2020 更多相关问题 [多选题]Discussion section should be______________. [填空题]下面的程序是用do while语句求1至1000 ...

  3. python语言程序设计基础上海交通大学_北京交通大学:Python语言程序设计

    『课程目录』:$ y0 q8 G3 Q" Z% p6 K│ ├─第一章概述, c) e/ m) X# s- B, r│ │ 1.1.1第1课时计算机起源 – 计算机发展史中三位里程碑人物,快 ...

  4. 采用python语言实现猜数游戏_用python实现猜数游戏

    广告关闭 腾讯云11.11云上盛惠 ,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元! 本文实例为大家分享了python实现猜数游戏的具体代码,供大家参考,具体内容如下 ...

  5. python编程求n的阶乘_使用Python编程的阶乘

    python编程求n的阶乘 Before we start implementing factorial using Python, let us first discuss what factori ...

  6. python是什么语言汇编语言吗-python语言属于汇编语言吗?_后端开发

    c语言主函数名是什么?_后端开发 C语言主函数名是main,main函数又称主函数,是程序执行的起点,如果有其他函数,则完成对其他函数的调用后再返回到主函数,最后由main函数结束整个程序. pyth ...

  7. python语言的变量特点随时_完美契合人类习惯的Python变量和基本数据类型

    文|宝哥版权|宝哥 有趣又有深度的灵魂,相遇不易,点击'关注',让我用最走心的文字,观察世间百态.解析技术奥秘! 做科学计算和数据分析,变量是始终绕不开的话题.学习程序设计语言,理解了变量相当于掌握了 ...

  8. 通常我们将python语言程序保存在一个后缀_【单选题】通常我们将Python语言程序保存在一个后缀为( )的文件中。...

    问题:[单选题]通常我们将Python语言程序保存在一个后缀为( )的文件中. 更多相关问题 谢某对某公安局以其实施盗窃为由处以15日拘留的处罚不服,向法院提起行政诉讼.该局向法院提供的证 下列关于刑 ...

  9. python语言输入杨辉三角_?新手求教:请问怎样用python 显示杨辉三角,任意输入一个数N,输出一个N 1层的杨辉三角。...

    如何用python输出杨辉三角 iangles里用到了yield,yield 的作用就是把一个函数变成一个 generator 用python语言输出九九乘法表 杨辉三角 求代码 1.九九乘法表def ...

最新文章

  1. IQueryable和IQueryProvider初尝
  2. 今天上班的乐趣是......
  3. 牛客网递归错题:递归、欧几里得求最大公约数的时间复杂度、线性递归与尾递归实例区别
  4. Nubiers to follow
  5. python获取当前日期_Python程序获取当前日期
  6. const指针和指向常量的指针
  7. Tips--Altium Designer 安装时出现Account log in
  8. python如何下载安装tensorflow_TensorFlow下载与安装
  9. KETTLE初学者使用教程
  10. java生成KML文件
  11. mac软件推荐,支持m1(持续更新)
  12. 如何生成密钥,私钥,签名
  13. 高分三号卫星GF-3极化SAR
  14. Word2010下划线不显示
  15. Scratch打气球游戏 电子学会图形化编程scratch等级考试三级真题答案2019-9
  16. 好的家庭教育是什么样的?有智慧的家长都这样做
  17. Qt中Enter键实现跳转按键功能
  18. kb2919355 此更新不适用于你的计算机的解决方法
  19. Swing之EDT简析
  20. 最新PHP在线定制商城网站源码V3.0版+全开源的

热门文章

  1. 编程题2使用Java的继承关系来描述动物世界的特征和关系。
  2. Confluence 6 设置其他页面为你空间的主页
  3. word2vector之CBoW模型详解
  4. 分布式架构的演进(转)
  5. php authorize,/TMP问题与An AJAX HTTP error与Path: /core/authorize.php/core/authorize.php解决办法...
  6. chrome 同步_墙内最好浏览器,微软带来完整版谷歌浏览器,扩展、同步无限制!...
  7. 建立自己的计算机语言
  8. python print 输出赋值_Python中赋值和print笔记
  9. Configuration Wizard 启动失败
  10. [Unity3D课堂作业] 改进版:Priests and Devils 牧师与恶魔