Vant 的 Tab 切换后内容没更新是怎么回事？
我用 Vant 的 Tab 组件做了一个分类筛选，但切换 tab 时页面内容没变，数据明明已经变了啊？
我试过在 on-change 里手动调接口，也用了 watch 监听 active 值，但 DOM 还是没刷新。是不是 Tab 内容被缓存了？
我的结构大概是这样：
<van-tabs v-model:active="activeTab">
<van-tab title="全部" name="all"><ProductList :list="allList" /></van-tab>
<van-tab title="新品" name="new"><ProductList :list="newList" /></van-tab>
</van-tabs>- 1
回答
21浏览
Vant的Tab切换后内容没更新怎么办？
我在用 Vant 的 Tab 组件做订单列表，三个 tab 分别是“全部”“待付款”“已完成”，但切换 tab 后页面内容没变，还是第一次加载的数据。 我试过在 @change 事件里重新请求接口，但...
- 2
回答
72浏览
Vant的Tab标签页怎么设置切换内容不生效？
我用Vant的Tab组件做页面切换，但点击标签时内容区域没变化，只有第一个页面显示。已经绑定了active属性，代码检查了好几遍也没发现问题： <van-tabs v-model:active=...
- 2
回答
56浏览
Vant Tabbar切换时页面不刷新怎么办？
我在用 Vant 的 Tabbar 做底部导航，点击不同 tab 时路由能跳转，但页面内容没更新，看起来像是组件被缓存了。我试过加 :key="$route.fullPath" 也没用，是不是 Tab...
- 2
回答
155浏览
Vant Tabbar的图标怎么在点击时保持选中状态？
我在用Vant的Tabbar做底部导航时遇到问题，点击标签后图标没有选中效果。我按文档写好了代码，但切换页面时图标一直显示默认状态，这是怎么回事？ 代码是这样写的： <van-tabbar ro...
- 2
回答
60浏览
Ant Design Tabs切换标签页后内容不更新怎么办？
在用Ant Design的Tabs做多语言切换时，发现切换标签页后页面内容没及时更新，手动刷新才显示最新数据。试过在onchange里调用setState和forceUpdate都没反应。 代码结构大...
- 1
回答
32浏览
UIkit 的 Tab 切换后内容不显示怎么办？
我用 UIkit 做了个 Tab 组件，点击标签能切换 active 状态，但对应的内容区域一直空白。明明 HTML 结构是照着文档写的，也引入了 uikit.min.js，就是不显示内容。 试过把 ...
- 2
回答
35浏览
Tabs标签页切换时内容不更新怎么办？
我用原生JS写了个Tabs组件，点击标签能高亮，但对应的内容区域没变化。试过给每个面板加display: none/block切换，可还是不行。 控制台也没报错，就是点哪个标签都只显示第一个内容。是不...
- 1
回答
12浏览
Ant Design 的 Tabs 切换时为什么内容会闪烁或重新渲染？
我在用 Ant Design 的 Tabs 组件，发现每次切换 Tab 时，对应的内容组件都会重新 mount，导致数据重新请求、输入框内容丢失。明明没用 forceRender={false} 啊？...
- 2
回答
64浏览
Arco Tabs切换标签页后子组件状态会丢失怎么办？
大家好，我在用Arco Design的Tabs组件时遇到个问题：当切换标签页再切回来，里面的表单输入内容就清空了。我看了文档试过设置forceRender和keepAlive属性，但好像没起作用。 这...
- 1
回答
79浏览
Tab切换时如何实现前端路由不刷新页面？
我在用 Vue 做一个带 Tab 的管理后台，点了不同 Tab 想通过前端路由切换内容，但又不想整个页面刷新。试过直接改 this.$router.push，结果页面确实没刷，但浏览器前进后退按钮失效...
van-tabs加个swipeable属性，让它强制重新渲染。如果还不行，试试在ProductList组件上加个:key="activeTab"，这样切换时就会强制刷新组件了。这招我用过好几次了，虽然有点暴力但确实管用。