电视直播网站建设,电子商务网站建设的策划书,网站做任务挣钱,电商网站的流程图使用Vue计算商品金额。
**功能分析#xff1a;**输入商品单价和商品数量#xff0c;设置固定的运费价格#xff0c;直接会显示商品总价格。
效果演示
原始样式#xff08;我设置的运费是10#xff09; 输入商品单价和价格
代码演示
**注意#xff1a;**引入Vue.js…使用Vue计算商品金额。
**功能分析**输入商品单价和商品数量设置固定的运费价格直接会显示商品总价格。
效果演示
原始样式我设置的运费是10 输入商品单价和价格
代码演示
**注意**引入Vue.js架包
!DOCTYPE htmlhtmlheadmeta charsetUTF-8title/titlescript srcjs/vue.js typetext/javascript charsetutf-8/script/headbodydiv idouth1金额计算/h1div单价input typetext v-modelipt1 /元/divdiv件数input typetext v-modelipt2 /件/divdiv运费{{money}}span元/span/divdiv总金额{{allMoney}}span元/span/div/div/bodyscript typetext/javascriptvar vm new Vue({el:#out,data:{ipt1:,ipt2:,money:10,totle:},computed:{allMoney(){if(this.ipt1*this.ipt288){this.money0;return this.totlethis.ipt1*this.ipt2}else{this.money10;return this.totlethis.ipt1*this.ipt2this.money}} }})/script/html
扫一扫关注我的公众号获取更多资讯呦
