
概念 : 提交訂單實(shí)際上就是把填好的數(shù)據(jù)去放到一個(gè)已經(jīng)創(chuàng)建好的數(shù)組中存起來隧出。步驟解讀 : 1. 寫一個(gè)提交訂單方法:submitOrderHan...
在新增地址的彈窗組件中:首先踏志,增加新地址,就要把所有的信息儲(chǔ)存到一個(gè)變量中 : receive鸳劳。新增的內(nèi)容要添加到receiveInfo(vue...
一狰贯、商品部分 首先需要循環(huán)購物車數(shù)組,選中狀態(tài)的數(shù)據(jù)全都push到一個(gè)數(shù)組赏廓,然后渲染這個(gè)數(shù)組即可涵紊。 二、 收貨地址和發(fā)票信息 首先把默認(rèn)的綁定 ...
頁面框架屏幕快照 2018-03-08 上午12.08.57.png 分析:數(shù)據(jù)都是用vuex購物車數(shù)據(jù)幔摸,首先也是需要拿到數(shù)據(jù),在組件中引入既忆,然...
知識(shí)點(diǎn) : query:查詢字符串 分析需求:我們需要在商品頁點(diǎn)擊具體商品的時(shí)候驱负,獲取當(dāng)前商品信息嗦玖,才能夠跳轉(zhuǎn)到具體的商品頁面 :所以可以用查詢...
過程分析 1.首先購物車彈窗是一個(gè)組件跃脊,因?yàn)闀?huì)出現(xiàn)在不同的頁面中。2.因?yàn)楹芏嘟M件會(huì)用到購物車數(shù)據(jù)酪术,所以統(tǒng)一放到vuex中器瘪。 實(shí)現(xiàn)步驟解析 一、...
這類需求绘雁,只需要切換index即可橡疼。
1.在views文件夾新建一個(gè)shop.vue組件庐舟,將html結(jié)構(gòu)放入欣除,style里放入樣式 2.在路由index.js里引用它 3.嵌套數(shù)據(jù)在...
頭部是公用的,建成一個(gè)組件历帚。1.進(jìn)入到App.vue2. important headerNav from ''配置組件:headerNav3...