uniapp学习笔记三十四加载用户地址列表和默认地址的在线数据修改

uniapp 学习笔记三十四 加载用户地址列表和默认地址的在线数据修改

uniapp 学习笔记三十四 加载用户地址列表和默认地址的在线数据修改

order.vue

address.vue

address.js

import {$post,$get} from &＃39;@/utils/request.js&＃39;
export default{namespaced:true,state(){return{checkedIdx:-1, //记录用户勾选的地址addressList:[/* {username:&＃39;曹国舅&＃39;,phone:&＃39;13010101010&＃39;,city:&＃39;北京&＃39;,region:&＃39;朝阳区&＃39;,detail:&＃39;朝阳路周家井&＃39;,isdefault:true},{username:&＃39;何仙姑&＃39;,phone:&＃39;13010101010&＃39;,city:&＃39;北京&＃39;,region:&＃39;海淀区&＃39;,detail:&＃39;中关村二街&＃39;,isdefault:false},{username:&＃39;吕洞宾&＃39;,phone:&＃39;13010101010&＃39;,city:&＃39;北京&＃39;,region:&＃39;门头沟&＃39;,detail:&＃39;黑山大街&＃39;,isdefault:false} */]}},getters:{orderAddress(state){ // 订单中的地址// 根据 checkedIdx 与 isdefault 共同得到一个地址对象let {checkedIdx,addressList} = stateif (checkedIdx!=-1) {return addressList[checkedIdx]}let len = addressList.lengthfor(let i=0;i{if(i==idx){item.isdefault = true}else{item.isdefault = false}})},addressCheckMut(state,idx){//选取地址state.checkedIdx = idx//点选返回uni.navigateBack({delta:1})},addressAddMut(state,addressObj){//新增地址state.addressList.push(addressObj)},addressInitMut(state,addressArr){//初始化地址列表state.addressList = addressArr}},actions:{addressAddAct(context,addressObj){$post(&＃39;/1.1/classes/address&＃39;,addressObj).then(({objectId})=>{// console.log(res);context.commit(&＃39;addressAddMut&＃39;,{...addressObj,objectId})uni.navigateBack({delta:1})})},addressInitAct(context,userid){let url = `/1.1/classes/address?where={"userid":"${userid}"}`$get(url).then(({results})=>{// console.log(url,res);context.commit(&＃39;addressInitMut&＃39;,results)})}}
}

APP.vue

 user.js

import {$post} from &＃39;../utils/request.js&＃39;
export default {namespaced:true, //开启命名空间后,访问所有属性都需要带模块名state(){return {userInfo:null}},mutations:{initInfo(state,info){// 存入状态机变量state.userInfo = info}},actions:{userLoginAct(context,info){$post(&＃39;/1.1/login&＃39;,info).then(res=>{console.log(&＃39;PostUser:&＃39;,res)let {code} = resif (code) {let title = code == 211 ? &＃39;账号不存在&＃39; : &＃39;密码错误&＃39;uni.showToast({title,icon:&＃39;none&＃39;})return}context.commit(&＃39;initInfo&＃39;,res)// 存入本地存储uni.setStorage({key:&＃39;userInfo&＃39;,data:res})// 返回上一页uni.navigateBack({delta:1})})}}
}

address-detail.vue