uniapp项目中点击加入购物车前进行登录检查,登陆成功后返回原浏览页面

一、项目背景

项目使用uni-starter项目模板实现用户的登录、注册等功能。

二、需求

想要实现在商品详情页点击底部商品导航栏的“加入购物车”、“立即购买”按钮时,进行登录检测,如果没有登录,则跳转到登陆界面进行登录,否则商品sku不弹出不能进行商品规格的选择,登录成功后返回原浏览页面(商品详情页),此时再点击底部商品导航栏的“加入购物车”、“立即购买”就能进行商品规格选择了。

三、思路与解决

思路:HBuilderX 2.8.0版本起token存储在storage内,当用户登录成功后可以在localStorage中查看保存的token。在商品导航栏组件的点击事件回调中检查storage是否有token,如果没有就设置路由跳转到登录界面。
解决:在商品导航按钮的点击事件回调中使用uni.getStorageSync来同步获取token,如果没有就跳转登陆。登录成功之后会返回原商品详情页,从而选择商品规格进行商品的加入购物车和立即购买。

你可能感兴趣的:(uni-app,vue,uni-app)