最近使用vue-element-admin来开发项目,因为以前老项目太大,暂不重构,如要通过iframe嵌套在新项目中,通过router来重写url加载,但是业务需要切换菜单或者tagView不能刷新重载iframe页面,因此需要改造 一、vue-element-admin是通过keep-alive来缓存router-view组件内容,但是其router-view中的iframe是重新通过src加载,相当于ifr...
在vue-element-admin项目中,如果你希望在切换标签视图(TagView)时嵌入的iframe不刷新重载,可以通过以下步骤实现: 使用keep-alive组件: keep-alive是Vue提供的一个内置组件,用于缓存不活动的组件实例,而不是销毁它们。这样,当组件重新激活时,可以保持其状态,避免重新渲染。 条件渲染iframe: 根据当前路由的meta信息来判断...
最近做的后台管理系统,用的是 vue-element-admin 的框架。 然后又有嵌入其它系统页面的需求,一开始是直接放在页面上的 iframe,但是发现切换页面再切换回去后,iframe 也跟着一起刷新了: 比如你嵌入了百度,你在百度搜了个东西,然后到其他页面去操作了,然后回到百度,就会发现之前的搜索结果不见了,又变回百度首页了 ...
然后在页面显示这里,通过判断 meta.iframe 来决定是显示 router-view 还是iframe-contaner<!-- 处理正常的模块 --> <keep-alive> <router-view v-if="!$route.meta.iframe"></router-view> </keep-alive> <!-- 处理iframe嵌套的模块 meta.iframe = true --> <iframe-container v-show="!!$route.met...
思路:1、路由router/index.js写了一个“百度菜单”指向这个iframe模板。2、在iframe模板跳出去,这里写死了src先不管进阶动态地址。已经满足一个系统套一个系统的需求。3、在动态获取高的时候,这里写了原生JS,我...
vue-element-admin iframes 组件 保留 iframe 操作状态 2020-07-31 19:04 −对于 vue-element-admin 做的一个小组件,能够在 tagview 切换时不重置 iframe,从而保留在 iframe 中所作的操作... 镜暮 4 4344 记一次vue-element-admin的安装依赖的坑 ...
项目简介 基于vue3和element-plus开发的企业后台管理模板. 功能特性 项目使用了最新的vue3 全家桶+element-plus+mockjs+axios+eChart5.项目继成了mockServe,可脱离后端自主开发测试 对axios深度封装,采用动态路由,路由配置更简单,mockServe独立开发测试时可在 nodework 直观查看接口数据 ...
以前那些传统后台 框架往往会包含此功能,由于以前的后台项目大部分都是多页面的形式,所以标签栏导航功能还是具有一定意义的, 大部分都是基于 iframe 的方式实现的。 但随着时代的发展,现在的后台项目几乎都是 spa(single page web application 单页面开发),再使用以前 的方案来实现标签导航显然是不合适的。 所以目前...
我查看了一下preview的时候iframe引入的css,发现 在其他页面如果想要和编辑器渲染的样式差不多,引入 <link rel="stylesheet" type="text/css" crossorigin="anonymous" href="//www.tiny.cloud/css/codepen.min.css"> 这个css样式就行了 也可以把这个css样式下载到本地使用。 然后外层包裹的元素设置一个class为...
"><iframe id="vue-tinymce-1528206050095_ifr" frameborder="0" allowtransparency="true" title="Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help" style="width: 100%; height: 400px; display: block;"></iframe></div><div id="mceu_309" class="...