代碼在這
https://github.com/BUPTlhuanyu/vueShoppingCar
歡迎clone,喜歡的給star哦
之后還會給出基于該項目利用webpack和vue實現(xiàn)組件化
https://github.com/BUPTlhuanyu/vueShoppingCar
歡迎clone,喜歡的給star哦
之后還會給出基于該項目利用webpack和vue實現(xiàn)組件化
2017-11-29
圖片還是沒加載出來,圖片的地址為:<img src="static/img/goods-2.jpg" alt="圖片加載不成功!">
2017-11-28
為毛是這個結(jié)果
Error in mounted hook: "TypeError: Cannot read property 'get' of undefined"
Error in mounted hook: "TypeError: Cannot read property 'get' of undefined"
2017-11-28
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才能渲染出效果,講案例的時候不用呢?
_this.productList = res.data.result.list;
console.log(_this.productList)
為什么成品項目里面res.data.result.list 這個要加data才能渲染出效果,講案例的時候不用呢?
2017-11-27
changeMoney:function(product, way){
product.productQuantity+=way;
}
product.productQuantity+=way;
}
2017-11-27
個人覺得既然2.0版本已經(jīng)把1.0的知識點(diǎn)都覆蓋了,就沒必要再講1.0那些錯誤的示范了,這讓沒接觸過vue的小伙伴很痛苦,還有那個結(jié)賬那里不需要做個判斷?如果沒選擇商品跳去結(jié)賬頁也沒用吧?
2017-11-27
checkAll: function(type){
this.checkedAllFlag = type
this.list.forEach(function(value, index){
if (type) {
value.checked = true;
}else{
value.checked = false;
}
})
}
this.checkedAllFlag = type
this.list.forEach(function(value, index){
if (type) {
value.checked = true;
}else{
value.checked = false;
}
})
}
2017-11-27
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;}}}
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;}}}
2017-11-27
針對楊少峰同學(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;
}
}
for (var i = 0; i < this.productList.length; i++) {
if (this.productList[i].checked) {
_this.checkedAllFlag = true;
}else{
_this.checkedAllFlag = false;
break;
}
}
2017-11-27
computed:{
filterAddress:function () {
return this.addressList.slice(0,this.offset);
/*
注意splice 方法方法會修改原對象?。。。。。。。。。?!
slice 方法不會?。。。。。。。。。?br /> */
}
},
filterAddress:function () {
return this.addressList.slice(0,this.offset);
/*
注意splice 方法方法會修改原對象?。。。。。。。。。?!
slice 方法不會?。。。。。。。。。?br /> */
}
},
2017-11-26
我真的要為老師點(diǎn)個贊,我是看手冊沒看懂,來聽視頻的?;剡^頭來去看手冊就有目的性的。思維清晰了
2017-11-24