vant tab切换不触发onload
时间: 2023-07-09 13:27:48 浏览: 194
vant-ui框架的一个bug(解决切换后onload不触发)
Vant tab 切换不触发 onload 的原因是因为 tab 切换只是改变了 DOM 元素的显示和隐藏,而没有改变页面的 URL 或触发页面的刷新。因此,onload 事件不会被触发。
如果你希望在每次切换 tab 时都执行某些操作,可以考虑使用 Vant 的 tab 组件提供的 change 事件。通过监听 change 事件,可以在每次切换 tab 时执行相应的操作。例如:
```
<van-tabs @change="handleChange">
<van-tab title="标签一">内容一</van-tab>
<van-tab title="标签二">内容二</van-tab>
<van-tab title="标签三">内容三</van-tab>
</van-tabs>
...
methods: {
handleChange(activeTab) {
console.log(`当前选中的标签页是:${activeTab.title}`);
// 执行相应的操作
}
}
```
在上面的例子中,每次切换 tab 时,都会触发 handleChange 方法,并将当前选中的标签页作为参数传入。你可以在 handleChange 方法中根据当前选中的标签页执行相应的操作。
阅读全文