<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>
- 发布:2024-04-16 17:11
- 更新:2024-04-16 19:55
- 阅读:27
产品分类: 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.
会把小程序搞得巨卡,根本用不了。