简单描述一下场景:点击按钮,调用服务端校验用户信息是否完善,如果不完善则跳转指定页面引导完善用户信息;如果用户信息完善则调用服务端接口获取商品信息并展示.页面初始化用户信息是否完善标识:userInfoIsFull
,默认为false。调用服务端校验用户信息是否完善逻辑中如果信息完善则设置userInfoIsFull
为true。js相关伪代码如下:
export default {
data() {
return {
userInfoIsFull: false
}
},
methods:{
// 点击按钮触发操作,打开商品页面
openGoods() {
// 校验用户信息是否完善
this.serverCheckUserInfoIsFill()
console.log("userInfoIsFull:" + JSON.stringify(this.userInfoIsFull))
// 用户信息不完善,结束逻辑不调用商品查询
if(!this.userInfoIsFull){
return
}
//调用服务端查询商品信息
this.findGoodsInfo()
},
// 服务端校验用户信息是否