van-tab组件里面的动态component如何每次点击都刷新页面

在Van-Tab组件中，动态的component是根据选项卡的点击事件来渲染不同的内容。为了实现每次点击都刷新页面的效果，我们可以采取以下几个步骤：

1. 在data中定义一个用于控制组件渲染的变量，例如currentTab。

2. 在Van-Tab组件中添加一个监听点击事件的函数，例如handleClick。

3. 在handleClick函数中，将currentTab的值更新为当前点击的选项卡的标识符或索引。

4. 在Van-Tab组件的模板中，使用v-if或v-show指令来判断当前选项卡是否被选中，并根据currentTab的值来渲染相应的组件。

5. 每次点击选项卡时，currentTab的值会发生改变，触发对应组件的重新渲染，从而实现每次点击都刷新页面的效果。

下面是一个简单的示例代码：

<template>
<van-tab v-model="currentTab" @click="handleClick">
<van-tab-item id="tab1">选项卡1</van-tab-item>
<van-tab-item id="tab2">选项卡2</van-tab-item>
</van-tab>

<van-row>
<van-col v-if="currentTab === 'tab1'">
<!-- 选项卡1的内容 -->
</van-col>

<van-col v-if="currentTab === 'tab2'">
<!-- 选项卡2的内容 -->
</van-col>
</van-row>
</template>

<script>
export default {
data() {
return {
currentTab: 'tab1' // 默认显示选项卡1
};
},

methods: {
handleClick(tab) {
this.currentTab = tab.index; // 更新currentTab的值为点击选项卡的索引
}
}
}
</script>

通过以上的代码实现，每次点击选项卡都会重新渲染对应的内容，从而实现了每次点击都刷新页面的效果。