如果页面组件中含有iframe元素则在tab切换时dom结构会改变 about vue-router-tab HOT 4 CLOSED

还发现如果是在默认页组件里使用的话，则切换tab后再切回来还是能保持

from vue-router-tab.

富文本数据是否 v-model 双向绑定？
如果已绑定存在该问题，可尝试 activated 通过 v-if 控制富文本组件重新创建

<rich-text v-model="value" v-if="show" />

async activated(){
  this.show = false
  await this.$nextTick()
  this.show = true
}

问题发生的根因是，iframe 脱离 document 后重新插入，子页面内容会重新加载。
RouterTab 是基于 KeepAlive 实现的，页面内部的 iframe 在切换页签后，实际 iframe 节点会重新加载。
如果富文本控件是你们自己封装的，可以内部处理一下。

from vue-router-tab.

你看看能保持的页签和未保持的页签，是否都配置了缓存页签

from vue-router-tab.

富文本数据是否 v-model 双向绑定？ 如果已绑定存在该问题，可尝试 activated 通过 v-if 控制富文本组件重新创建

<rich-text v-model="value" v-if="show" />

async activated(){
  this.show = false
  await this.$nextTick()
  this.show = true
}

问题发生的根因是，iframe 脱离 document 后重新插入，子页面内容会重新加载。 RouterTab 是基于 KeepAlive 实现的，页面内部的 iframe 在切换页签后，实际 iframe 节点会重新加载。 如果富文本控件是你们自己封装的，可以内部处理一下。

编辑器是双向绑定的，看来只能内部重建一下了

from vue-router-tab.