We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
今天在使用中发现,如果页面组件中使用了iframe元素,在tab标签页切换时会丢失iframe中的内容 具体例子为使用了一个包装的第三方富文本编辑器,该编辑器是使用iframe完成功能的,在页面切换时发现在编辑器中写好的内容丢失了,查看页面元素发现是切换的时候iframe里面的内容发生了变化
页面组件在各种路由切换时应保持原先的数据和结构
The text was updated successfully, but these errors were encountered:
还发现如果是在默认页组件里使用的话,则切换tab后再切回来还是能保持
Sorry, something went wrong.
富文本数据是否 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 节点会重新加载。 如果富文本控件是你们自己封装的,可以内部处理一下。
你看看能保持的页签和未保持的页签,是否都配置了缓存页签
富文本数据是否 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 节点会重新加载。 如果富文本控件是你们自己封装的,可以内部处理一下。
编辑器是双向绑定的,看来只能内部重建一下了
No branches or pull requests
Bug 描述
今天在使用中发现,如果页面组件中使用了iframe元素,在tab标签页切换时会丢失iframe中的内容
具体例子为使用了一个包装的第三方富文本编辑器,该编辑器是使用iframe完成功能的,在页面切换时发现在编辑器中写好的内容丢失了,查看页面元素发现是切换的时候iframe里面的内容发生了变化
预期行为
页面组件在各种路由切换时应保持原先的数据和结构
截图
开发环境(请填写以下信息)
运行环境(请填写以下信息)
The text was updated successfully, but these errors were encountered: