<div id="itany">
<table border='1' bordercolor='black' cellspacing='0'>
<tr>
<th>數(shù)量</th>
<th>名稱</th>
<th>單價</th>
<th>數(shù)量</th>
<th>總價</th>
</tr>
<tr v-for='(value,index) in arr'>
<td>{{index+1}}</td>
<td>{{value.name}}</td>
<td>${{value.money}}</td>
<td>
<button v-on:click="clear(index)">-</button>
{{value.how}}
<button v-on:click="add(index)">+</button>
</td>
<td>{{value.price}}</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td>總價{{all}}</td>
</tr>
</table>
</div>
<script src="vue.js"></script>
<script>
new Vue({
el:'#itany',
data:{
arr:[
{name:"kar98k",money:3999,how:0,price:0},
{name:"M4A1",money:2890,how:0,price:0},
{name:"AWM",money:3259,how:0,price:0},
],
all:0
},
methods:{
clear:function(i){
if(this.arr[i].how>=1){
this.arr[i].how-=1,
this.arr[i].price=this.arr[i].how*this.arr[i].money,
this.all-=this.arr[i].money
}
},
add:function(i){
this.arr[i].how+=1,
this.arr[i].price=this.arr[i].how*this.arr[i].money,
this.all+=this.arr[i].money
}
}
})
</script>
作業(yè)：購物車
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門徒扶，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人根穷，你說我怎么就攤上這事姜骡〉挤兀” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵圈澈，是天一觀的道長惫周。 經(jīng)常有香客問我，道長康栈，這世上最難降的妖魔是什么递递？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮啥么，結(jié)果婚禮上登舞，老公的妹妹穿的比我還像新娘。我一直安慰自己悬荣，他們只是感情好菠秒，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著氯迂，像睡著了一般践叠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上嚼蚀，一...
- 文/蒼蘭香墨 我猛地睜開眼皮璧，長吁一口氣：“原來是場噩夢啊……” “哼舟扎！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起悴务，我...
- 正文 年R本政府宣布蚕甥，位于F島的核電站，受9級特大地震影響栋荸，放射性物質(zhì)發(fā)生泄漏菇怀。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一蒸其、第九天 我趴在偏房一處隱蔽的房頂上張望敏释。 院中可真熱鬧，春花似錦摸袁、人聲如沸钥顽。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽蜂大。三九已至，卻和暖如春蝶怔，著一層夾襖步出監(jiān)牢的瞬間奶浦，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 023｜決策時間：用戶思考了很久本砰，又把商品放回去了慈鸠，怎么辦？ 什么是“決策時間”？消費者的注意力時長越來越短青团，人們...
- 任務(wù)如下 以單元格來看譬巫，我們可以看到上圖是一個5行4列的表格，再此基礎(chǔ)上進行行合并和列合并督笆，具體實現(xiàn)如下：
- 分享下我買到的頸椎按摩儀：我是傳說中的低頭族芦昔，頸椎不好，所以對一切對頸椎有幫助的產(chǎn)品始終保持關(guān)注娃肿，我買過各種枕頭咕缎、...
- 因為最近一段時間集中的看建材，漸漸地對建材市場的一些促銷套路有了初步的了解料扰。今天就來盤點下我們常見的建材促銷方式吧...
