uniapp 解决 h5可以 小程序不行

  • uniapp
  • 写了一个自定义的组件
  • 使用uni.createSelectorQuery().in(this). 函数获取dom
  • 转小程序没报错
  • h5报错 “TypeError: Cannot read property ‘left’ of undefined”

我自己的问题主要出在props的设置里 value 和 default 的问题

下面记录


这里是methods===running(num){
	const that = this
	uni.createSelectorQuery().in(this).selectAll('.nav_item').boundingClientRect(function(res){
		that.newLeft = res[num].left + res[num].width/2 - that.lineWidth/2;
		that.animation.translateX(that.newLeft).step()
		that.animationData = that.animation.export()
	}).exec();
}


这里调用===this.running(this.activeNum)

老是报这样的错

在这里插入图片描述

在转化成小程序之后就没有报这个错

在这里插入图片描述

一开始以为是 uni.createSelectorQuery().in(this).selectAll 函数有问题

在函数内逐个打印排查发现获取不到props的activeNum值,但是小程序可以在这里插入图片描述

然后把props里的value改成default后,就没有报错了h5和小程序都正常运行。在这里插入图片描述

经验:一定要排查参数是否正常获得,不能因为在某个端正常就忽视参数获取是没问题的!切记!切记!切记!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uniapp中,我们可以通过使用相关插件或API实现公众号H5小程序微信授权登录功能。 对于公众号H5的授权登录,我们可以使用uni-login插件或通过uni.request发起微信官方授权登录的接口。首先,在公众号H5页面中,我们需要引入相应的JS-SDK,并使用wx.config配置公众号的AppID和权限等信息。然后,在登录按钮的点击事件中,调用wx.checkSession来检查当前用户的登录态是否有效。若无效,再调用wx.login获取code,并通过wx.request发起后台请求来换取用户的access_token和openId等信息。最后,我们可以将这些信息保存起来,并根据需求进行相应的业务逻辑处理。 对于小程序的微信授权登录功能,在Uniapp中可以通过使用uni.login和uni.getUserInfo API来实现。首先,在小程序的入口页面中,在onLaunch生命周期里调用uni.login获取用户的登录凭证code,并将code传给后台服务器。后台服务器通过wx.login接口获取到用户信息后,再校验用户的身份。然后,在登录按钮的点击事件中,调用uni.getUserInfo获取用户的信息,并存入本地缓存,以供后续使用。接着,我们可以根据需要进行相应的业务逻辑处理。 需要注意的是,在实现公众号H5小程序微信授权登录功能时,我们需要保证项目中已经配置了相关的权限和配置信息,并正确处理各种回调和错误情况。同时,为了保护用户的隐私和安全,我们还需要合理处理用户信息的存储和使用,尽量避免泄露和滥用用户的个人信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值