目录
gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master
我们知道一上来应该有一个默认地址,就是默认勾选的,这个取决于数据中的isDefault
我们知道默认地址应该是时而显示,时而隐藏的,默认地址显示与不显示取决于isDefault
1.分析数据,数据中的totalNum的数量就是我们加入购物车结算的商品数量 totalAmount是商品的总价
gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master
大家根据上传历史进行查找你需要的代码
一、获取用户地址信息接口
接口地址:/api/user/userAddress/auth/findUserAddressList
请求方式:get
1.写api
在api/index.js中:
2.创建一个新的小仓库
因为trade是一个新的模块,我们需要新建一个小仓库
在store中新建一个trade文件夹,里面在建一个index.js文件
在store/trade/index.js中:
3.回到大仓库引入小仓库
4.回到小仓库发请求,存储数据,展示数据
在store/trade/index.js中:
在pages/Trade/index.vue中:派发action
控制台查看:
在store/trade/index.js中:
import {reqAddressInfo} from '@/api'
const state = {
address:[]
}
const mutations = {
GETUSERADDRESS(state,address){
state.address = address
}
}
const actions = {
//获取用户信息
async getUserAddress({commit}){
let result = await reqAddressInfo()
// console.log(result)
if(result.code==200){
commit('GETUSERADDRESS',result.data)
}
}
}
const getters = {}
export default{
state,
mutations,
actions,
getters
}
查看控制台,发现仓库中已经有trade了
获取交易页面用户信息
用户要登录了才可以获取用户地址信息,不登录是没有办法获取到的
二、获取订单交易页信息的接口
请求地址:/api/order/auth/trade
请求方式:get
1.写api
2.回到仓库,三连环
在store/trade/index.js中:
在pages/Trade/index.vue中派发action: