第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

使用vue2.0實現(xiàn)購物車和地址選配功能

難度中級
時長 2小時47分
學(xué)習(xí)人數(shù)
綜合評分9.60
272人評價 查看評價
9.8 內(nèi)容實用
9.5 簡潔易懂
9.5 邏輯清晰
代碼在這
https://github.com/BUPTlhuanyu/vueShoppingCar
歡迎clone,喜歡的給star哦
之后還會給出基于該項目利用webpack和vue實現(xiàn)組件化
老師講的非常好
圖片還是沒加載出來,圖片的地址為:<img src="static/img/goods-2.jpg" alt="圖片加載不成功!">
為毛是這個結(jié)果
Error in mounted hook: "TypeError: Cannot read property 'get' of undefined"
很喜歡這個老師的課,思路很清晰,表達(dá)也很清楚,老師再多出點(diǎn)課程
this.$http.get('./data/cartData.json',{'id':123}).then(function(res){
_this.productList = res.data.result.list;
console.log(_this.productList)
為什么成品項目里面res.data.result.list 這個要加data才能渲染出效果,講案例的時候不用呢?
changeMoney:function(product, way){
product.productQuantity+=way;
}
個人覺得既然2.0版本已經(jīng)把1.0的知識點(diǎn)都覆蓋了,就沒必要再講1.0那些錯誤的示范了,這讓沒接觸過vue的小伙伴很痛苦,還有那個結(jié)賬那里不需要做個判斷?如果沒選擇商品跳去結(jié)賬頁也沒用吧?
checkAll: function(type){
this.checkedAllFlag = type
this.list.forEach(function(value, index){
if (type) {
value.checked = true;
}else{
value.checked = false;
}
})
}
checkOne: function(item){
if (typeof item.checked == 'undefined') {
this.$set(item, 'checked', true)
}else{item.checked = !item.checked};
var _this = this;
for (var i = 0; i < this.list.length; i++) {
if (this.list[i].checked) {_this.checkedAllFlag = true}else{_this.checkedAllFlag = falsebreak;}}}
針對楊少峰同學(xué)的提出的解決方案還是有一個bug,如果從最后一個開始選,全部選中仍然會被勾選,是因為沒有break導(dǎo)致,不用forEach
for (var i = 0; i < this.productList.length; i++) {
if (this.productList[i].checked) {
_this.checkedAllFlag = true;
}else{
_this.checkedAllFlag = false;
break;
}
}
就是這么大膽, 就是這么先進(jìn)
computed:{
filterAddress:function () {
return this.addressList.slice(0,this.offset);
/*
注意splice 方法方法會修改原對象?。。。。。。。。。?!
slice 方法不會?。。。。。。。。。?br /> */
}
},
反正輸出的res.body就是null
我真的要為老師點(diǎn)個贊,我是看手冊沒看懂,來聽視頻的?;剡^頭來去看手冊就有目的性的。思維清晰了
課程須知
1、提前了解和熟悉javascript 2、了解一下ES6相關(guān)的知識
老師告訴你能學(xué)到什么?
1、Vue2.0各種指令的學(xué)習(xí) 2、Vue2.0生命周期的介紹 3、Vue2.0事件綁定、過濾器的使用、組件的介紹 4、Vue-resource插件的講解 5、ES6語法的介紹 6、結(jié)合購物車的案例,更加接近實戰(zhàn) 7、在實際項目開發(fā)的過程中,開發(fā)技巧的講解

微信掃碼,參與3人拼團(tuán)

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!

本次提問將花費(fèi)2個積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費(fèi)2個積分

繼續(xù)發(fā)表請點(diǎn)擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消