Taro + H5 微信重定向登录地址 传递自己的参数

1.需求 

需要一款H5 能够携带邀请参数的程序 能够带着邀请参数 进行注册 或者绑定账号关系,但是有一个问题就是 微信重定向登录会导致这个参数丢失 登录成功以后 又需要保存用户信息内存 所以分为 新用户 和老用户 这个参数还有可能变化 

2.实现

 onLaunch(options) {
    console.log(options.query, "options.queryoptions.queryoptions.query");
    Taro.setStorageSync("registerCode", options.query.state);

    // const isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    // if (isIOS) {
    //   window.history.pushState({}, "title", "#");
    // }
    locationService.getLocation();
  },
app.js 全局获取参数
 local = encodeURIComponent(local);

  //  获取 code 地址registerCode
  let url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId.value}&redirect_uri=${local}&response_type=code&connect_redirect=1&scope=snsapi_userinfo&state=${registerCode ? registerCode : Taro.getStorageSync("registerCode")}#wechat_redirect`;

  window.location.href = url; 

state参数 其实就是自己自定义的函数 所以每次 都可以将参数取到存在内存中 然后每次直接从内存取出

3.总结 

我用的是Taro 框架 跟uni-app 有可能文件不一样 但是逻辑肯定是一样的 我在Taro 中实现的 在un-app 中肯定能同样实现

  • 10
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中,我们可以使用下拉刷新组件来刷新页面。在 Taro + Vue3 中,可以通过在页面的配置对象中添加 `enablePullDownRefresh: true` 来启用下拉刷新功能。 具体步骤如下: 1. 在页面的配置对象中添加 `enablePullDownRefresh: true`。 ```javascript export default { enablePullDownRefresh: true, // ... } ``` 2. 在页面的方法中添加 `onPullDownRefresh` 方法,该方法会在用户下拉刷新时触发。 ```javascript export default { enablePullDownRefresh: true, onPullDownRefresh() { // 执行刷新操作 }, // ... } ``` 3. 在 `onPullDownRefresh` 方法中编写刷新操作的代码。例如,我们可以重新请求数据,并更新页面渲染。 ```javascript export default { enablePullDownRefresh: true, async onPullDownRefresh() { // 重新请求数据 const newData = await this.fetchData() // 更新页面渲染 this.dataList = newData // 停止下拉刷新 Taro.stopPullDownRefresh() }, // ... } ``` 4. 最后,在页面中添加下拉刷新组件。可以使用 Taro UI 的 `AtPullDownRefresh` 组件,也可以自定义组件。 ```html <template> <!-- 使用 Taro UI 的 AtPullDownRefresh 组件 --> <view> <at-pull-down-refresh v-model="isRefreshing" color="#999" background-color="#f7f7f7" bind:refresh="onPullDownRefresh" > <view class="status" slot="status"> {{ isRefreshing ? '正在刷新...' : '下拉刷新' }} </view> </at-pull-down-refresh> <!-- 渲染数据列表 --> <view v-for="item in dataList" :key="item.id"> {{ item.title }} </view> </view> </template> ``` 以上就是在 Taro + Vue3 中实现微信小程序下拉刷新的方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值