Badge徽标数值不更新是怎么回事? 欧阳仪凡 提问于 2026-03-14 23:41:24 阅读 2 组件 我在用Vue写一个消息通知的Badge,数据明明变了,但页面上的徽标数字就是不刷新。试过用v-if强制重新渲染也不行。 这是我的代码: <el-badge :value="unreadCount" class="item"> <el-button size="small">消息</el-button> </el-badge> 而且我在methods里打印了console.log(this.unreadCount),值确实是更新了的,但Badge就是不动,是不是我漏了什么响应式处理? Badge徽标数据展示 我来解答 赞 3 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 暂无解答 暂无解答 加载更多 相关推荐 1 回答 34 浏览 Material-UI Badge徽章在动态更新时位置偏移怎么办? 在Vue项目里用Badge显示购物车数量,数据更新后徽章位置会突然跳到图标下方,之前正常显示在右上角的 代码是这样写的: <template> <Badge :overlap="tr... 迷人的博硕 组件 2026-02-14 20:41:27 2 回答 128 浏览 React Badge徽标数字不显示,怎么定位问题? 在用Ant Design的Badge组件给消息按钮添加未读数时,数字一直不显示,但控制台没有报错。我按照文档写了类似下面的代码,但数字就是不出来,是样式被覆盖了吗? import { Badge, B... 小莆泽 组件 2026-02-07 10:10:29 2 回答 37 浏览 Material-UI的Badge徽章怎么总盖不住按钮图标? 我在用Material-UI的Badge包裹按钮时,发现徽章总是显示在图标下方,而不是右上角。按照文档用了anchorOrigin和transform属性,但位置还是不对: <Badge bad... 公孙文博 组件 2026-02-16 09:13:23 2 回答 38 浏览 Badge徽章总是显示在按钮外面,怎么调整位置都不对? 在用Ant Design的Badge组件包裹按钮时,数字徽章总是显示在按钮右侧下方而不是右上角,试过改margin和padding都不行。比如这样写: <Badge count={5}> ... 焕焕的笔记 组件 2026-02-10 11:35:30 2 回答 21 浏览 Badge徽章在图标上显示位置不对怎么调整? 我在用Ant Design的Badge包裹图标时,发现徽章总是偏到右下方去了,不是我想要的右上角位置。我试过改margin和position属性都不管用,这是为什么啊? import { Badge,... 司空东焕 组件 2026-01-26 22:07:19 1 回答 7 浏览 Bootstrap徽章数量更新后样式错乱怎么办? 我在用Bootstrap 5做消息通知徽章,通过JS动态更新badge里的数字,但改完之后徽章变宽还换行了,明明内容没超啊? 我试过直接改innerText,也试过先清空再append新文本节点,都不... W″嘉赫 组件 2026-03-12 12:07:19 1 回答 23 浏览 Bootstrap徽章怎么动态更新数字不刷新页面? 我用Bootstrap的badge做消息通知,但不知道怎么在JS里动态改数字。试过直接改innerHTML,结果样式没了。 比如原来代码是5,我想改成10,但一替换整个span就变普通文字了。 是不是... 一昊然 组件 2026-02-28 15:10:19 1 回答 25 浏览 乐观更新后数据不一致怎么办? 我在用 React 做一个点赞功能,点了之后立刻更新 UI(乐观更新),但请求失败后不知道怎么回滚。 现在试过用 useState 保存旧值,但状态多了就乱了。比如: const handleLike... 秋花🍀 优化 2026-03-05 20:44:21 2 回答 17 浏览 Statistic组件数值不更新是怎么回事? 我在用Ant Design的Statistic组件展示实时数据,但状态变了组件却没刷新,明明state已经更新了啊? 试过用useEffect监听,也确认了父组件传的value确实变了,但Statis... Newb.彦鸽 组件 2026-03-04 22:21:19 2 回答 14 浏览 Number动画组件数值不更新是怎么回事? 我用Vue写了个数字滚动动画组件,但数据变了视图却不更新,明明watch监听到了新值。是不是因为直接修改了DOM或者没触发响应式?试过nextTick也不行。 这是我的组件代码: <templa... 长孙煜喆 组件 2026-03-02 17:47:22
暂无解答