Tabs 组件无法动态渲染 about vant

[jw-star]

4.8.5 同样问题,切换到tab，只会渲染一次，再次点击，子组件不渲染

  <van-tabs type="card">
    <van-tab title="全部">
      <ViewTaskList taskStatus=""  ></ViewTaskList>
    </van-tab>
    <van-tab title="已完成">
      <ViewTaskList taskStatus="1"  ></ViewTaskList>
    </van-tab>
    <van-tab title="处理中">
      <ViewTaskList taskStatus="0"  ></ViewTaskList>
    </van-tab>
    <van-tab title="已退还">
      <ViewTaskList taskStatus="2"  ></ViewTaskList>
    </van-tab>

    <van-tab title="反馈历史">
      <ViewTaskList taskStatus="3"  ></ViewTaskList>
    </van-tab>

  </van-tabs>

[inottn]

重现链接打不开

[jw-star]

随机给key也不行，会渲染多次tab

  <van-tabs type="card" @click-tab="onClickTab">
    <van-tab :title="tab.title"  :key="tab.title" v-for="tab in tabs">
      <ViewTaskList :taskStatus="tab.status"></ViewTaskList>
    </van-tab>
  </van-tabs>

[jw-star]

解决 @Cyan-963852 @inottn

  <van-tabs type="card" @click-tab="onClickTab">
    <van-tab :title="tab.title"   v-for="tab in tabs">
      <ViewTaskList :taskStatus="tab.status" :key="new Date().getTime()"></ViewTaskList>
    </van-tab>
  </van-tabs>

[Cyan-963852]

解决 @Cyan-963852 @inottn

  <van-tabs type="card" @click-tab="onClickTab">
    <van-tab :title="tab.title"   v-for="tab in tabs">
      <ViewTaskList :taskStatus="tab.status" :key="new Date().getTime()"></ViewTaskList>
    </van-tab>
  </van-tabs>

这不会增加额外的开销吗，成本太大了吧
而且你这个不对，我不是tab的Content没有响应式，我是title

[Cyan-963852]

重现链接打不开

链接已更新

[inottn]

不使用 slot 渲染 title 时，title prop 接受的是 string 类型。你可以把第二个 tabs 移除，或者确保传入的 title 是 string 而不是 number。