1***@qq.com
1***@qq.com
  • 发布:2024-04-16 17:11
  • 更新:2024-04-16 19:55
  • 阅读:27

【报Bug】使用uni-badge在支付宝小程序会提示警告,内存循环调用

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 22631.3447

HBuilderX类型: 正式

HBuilderX版本号: 4.08

第三方开发者工具版本号: 3.8.21 2024.04.09

基础库版本号: 2.9.6

项目创建方式: HBuilderX

示例代码:
<uni-badge size="small" :text="5" absolute="rightTop" :offset="[15,5]">  
        <image src="@/static/icon/fp/index_msg.png" alt="" class="img" mode="aspectFit" @click="handleClickMsg" />  
      </uni-badge>

操作步骤:

我就用了这么三行,按照官方文档写的。

<uni-badge size="small" :text="5" absolute="rightTop" :offset="[15,5]">  
        <image src="@/static/icon/fp/index_msg.png" alt="" class="img" mode="aspectFit" @click="handleClickMsg" />  
      </uni-badge>

预期结果:

正常在图片右上角出现角标。

实际结果:

在本地模拟器是正常的,不会有警告,只有真机调试,或者线上版本才会变得很卡。

bug描述:

在真机调试的时候控制台会报警告:[Vue warn]: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

会把小程序搞得巨卡,根本用不了。

2024-04-16 17:11 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

似乎是offset的问题,这个去掉就好了。但是去掉了就不是想要的效果了= =

1***@qq.com

1***@qq.com (作者)

还有一个就是这个似乎会让我的页面的js代码被识别成html?js的注释会变成<-- sth -->这种形式而不是 //

要回复问题请先登录注册