Iframe是一个历史悠久的HTML元素,根据MDN WEB DOCS官方介绍,Iframe定义为HTML内联框架元素,表示嵌套的Browsing Context,它能够将另一个HTML页面嵌入到当前页面中。Iframe可以廉价实现跨应用级的页面共享,并且具有使用简单、高兼容性、内容隔离等优点,因此以Iframe为核心形成了前端平台架构领域第1代技术。 引言
转载 2023-12-23 22:07:33
210阅读
el-menu <el-menu default-active="1"> <el-submenu > <el-menu-item>
原创 2019-05-29 11:04:15
64阅读
前言做了两年多的 Vue 开发了,现在真正领悟到 “君子善假于物也”。分享一下我在实战中领悟的的独门秘诀吧。 常规操作,先点赞后观看哦!你的点赞是我创作的动力之一! 概览 问题 我将从 16 个方面来论述 vue 开发过程中的一些技巧和原理。当然由于篇幅有限,先论述前 8 个问题,下节将完成全系列内容。 通过本系列文章,你将理解并解决以下的相关问题: 如何规范你的
转载 2024-06-07 21:15:47
494阅读
方法一  使用vue框架的指令,方便高效(推荐,项目常用)大致思路:        v-for 指令通过数组遍历按钮,创建方法使用数组下标 index 来控制按钮的选中状态,index 为0时表示第一个按钮被选中,依次类推;data 中设置变量 number 来表示点击后的值,与下标同步且只有点击后
转载 2024-05-31 19:40:47
245阅读
前奏最近在做考试系统,需要实现: 标题栏点击对应的菜单,底部主区域动态加载对应的界面 红色区域就是要动态替换的 界面通过访问 uri 进行加载 想要结果的,可以直接滑到最后~挫折之路首先想到的就是 iframe,但是它有很大的缺点:不能高度自适应!!!虽然滚动条及边框可以去掉,但是去掉滚动条之后,就不能滚动了,即使内容还没有展示完!!!如果写死 iframe 的高度,或者只在一开始获取 ifram
转载 2024-07-19 20:09:28
635阅读
使用的是vue-element-admin。需求项目需求是在点击左边侧边栏的时候判断如果是外部的页面之后,将此页面在右侧打开,每打开一个,tagview中也会相应加上,当切换这些tagview时,要保持每个页面切换前的状态,就是不重载。尝试 新建了iframe.vue文件,里面套iframe标签,通过地址的参数不同,跳转不同的iframe页面,但是在做切换时,会导致iframe页面重载,利用了ke
转载 2024-03-25 21:57:05
256阅读
认识vue-router1、概念:vue-router是vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。在使用 vue-router 时,我们需要做的就是把路由映射到各个组件,vue-router 会把各个组件渲染到正确的地方。在vue-router的单页面应用中,页面的路径的改变就是组件的切换。2、安装环境:cnpm install vue-router --s
多级组件嵌套需要传递数据时,通常使用的方法是通过vuex。如果仅仅是传递数据,而不做中间处理,使用 vuex 处理,未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法,使用 v-bind=”$attrs”, 将父组件中不被认为 props特性绑定的属性传入子组件中,通常配合 interitAttrs 选项一起使用。之所以要提到这两个属性,是因为两者的出现使得组件之间跨组件的通信在不依赖 vu
最近做的项目一直有个卡顿问题没有解决,场景是vue单页面项目中使用echart图表+百度地图,如果不进入这些内容页面,项目正常运行,一旦进入后,内存暴增,且切换后依然没被释放,找各种方式解决问题,有必要记录一下问题的原因和他人的解决方案,并进行拓展学习。我后续会将自己的解决方案发出来,并更新到博客。也期待各位大牛讨论指点。 1. 监听在window/body等事件没有解绑2. 绑在Ev
什么是iframeiframe 元素会创建包含另外一个文档的内联框架(即行内框架)。什么是postMessage?window.postMessage() 方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机  (两个页面的模数 Document.doma
转载 2024-07-23 11:25:52
130阅读
Vue 2.0 右键菜单组件 Vue Context Me
原创 2022-08-29 23:46:59
549阅读
在 Web 应用中,用户打开网页时,如果出现长时间的白屏,会对用户体验造成不良影响。特别是在 Vue 项目中,由于其单页面应用的特点,更容易出现首页长时间白屏的问题。本文将会探讨 Vue 项目中首页长时间白屏的原因,并提供相应的解决方法。首屏加载过慢首屏加载过慢是导致首页长时间白屏的常见原因之一。如果首页需要加载大量的资源或者执行复杂的计算任务,可能导致首屏加载时间过长,从而出现长时间的白屏。为了
转载 2023-09-25 21:37:57
502阅读
关于iframevue中应用的问题背景是一个vue3.0的个人博客,由于没有支持vue3.0的md展示手段(具体是vue-template-compiler版本太低目前最高2.6.12,而要求vue必须与其版本相同),所以我的解决方法是先将md文件转换成html文件然后由iframe直接导入页面。iframe的宽高无法根据内容撑开网上查阅了许多解决方法(其中多数是讲iframe自适应页面而非自适
转载 2024-02-23 10:17:05
69阅读
概念:组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。之前在写组件时总有些疑惑,为什么export default导出的对象中有个name属性,今天看过递归组件之后,才发现这个name属性的一个比较重要的作用。(当然。name属性的还有其他的用处)。用法:1、首先我们要知道,既然是递归组件,那么一定要有一个结束的条件,否则就会使用组件循环引用,最终出现“max
vue-day011.vue的介绍作者介绍 框架的介绍2.vue官网https://cn.vuejs.org/3.vue的优点 易用,灵活,高效4.库与框架区别 库:只具有某一种功能 框架:具备完整的功能   bootstrap   element-ui5.开发环境与生产环境开发环境地址:<script src="https://cdn.jsdelivr.net/npm
场景1.保存提交按钮不小心点击了多次。 2.由于服务器请求时间过长等原因点击事件没有及时响应又点击了一次,造成数据的重复提交和保存,数据的异常。 3.resize、scroll,输入框内容校验等频繁操作。原因由于axios提交数据为异步提交,点击提交按钮是通过xmlhttprequest向后端发送异步请求,发送请求后后端返回数据需要时间处理,如果第一次点击的请求尚未完成,又接二连三地提交了几次,同
转载 2024-10-23 11:42:43
102阅读
# Vue 中实现 iOS 设备上使用 iframe 下载 PDF 作为一名经验丰富的开发者,我很高兴能帮助你了解如何在 Vue 应用中实现 iOS 设备上使用 iframe 下载 PDF 的功能。这个过程涉及到前端技术、HTTP 请求处理以及对 iOS 特定行为的理解。接下来,我将通过这篇文章,一步步引导你完成这个任务。 ## 流程概览 首先,让我们通过一个流程图来了解整个过程: ```
原创 2024-07-21 09:35:21
118阅读
左侧菜单组件
原创 2023-06-05 13:53:18
380阅读
熟悉vue各类关系的组件之间传值方法会令开发更加得心应手,下面将对父子、兄弟、页级组件之间的传值作浅谈。一、父子关系组件- 父向子组件传值 父组件向子组件传值通常是利用props属性。首先,在子组件里定义一个props值用来接收父组件数据;然后调用子组件并v-bind绑定这个props值 = 父组件的data值。 父组件代码:<template> <div class="ho
转载 7月前
0阅读
Vue 兄弟组件之间的通信 使用Vue构建组件容易,但对于初学者要掌握Vue组件中的通讯还是有一定的难度。比如说,父组件如何向子组件通讯?子组件又是如何向父组件通讯?兄弟组件又是怎么通讯?这些方面都是有关于组件通讯相关的知识。而且掌握Vue组件之间的通讯方式还是掌握Vue组件的另一种能力。 在Vue中,Vue的组件自身就很棒,因为它可以帮助我们使用重用的代码片段,我们也可以使用Vue提供的所有
转载 11月前
60阅读
  • 1
  • 2
  • 3
  • 4
  • 5