父页面代码： html: 　　　　<div id="app"> //省略业务代码x行..... <iframe src="/sonpage" > //省略业务代码x行 ...

1，bootstrap 创建项目 首先使用脚手架搭出项目基本框架，具体方法可以参考前面的文章。 1，执行命令创建项目：vue init webpack-simple vue-bootstrap 2，下载相关依赖：npm vue-bootstrap 3，启动项目：npm run dev ...

一般后台界面都有三大部分 , 顶部导航 , 左侧导航,右侧的主界面 . 点击左侧和顶部的导航 , 可以在右侧的主界面展示不同的界面 大部分后台的界面都是使用的iframe嵌套的形式,基于vue也是可以方便的使用iframe的 html部分如下: 主要就是给iframe绑定一个变量 ...

一、什么是iframe？ 　　1. 使用 iframe + postMessage 实现跨域通信 MDN: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage 　　在实际项目开发中可能会碰到 ...

1. 给须要拖动的元素加个div添加draggable属性 2. 给目标位置设置添加元素添加drop事件 3. 拖动元素时赋值，落地元素时取值 ...

之前在vue-cli2中静态文件是放在static下可以正常引入，但是vue-cli3中必须放在public里新建的static文件夹中这样才能正常显示html文件，如下图所示 需要注意的是：iframe的src属性直接写“static/index.html”即可，这里src ...

1. 项目需求 我们切换为vue框架是后面的事情，之前还有一些功能页面是用jsp页面写的，而我们的管理系统需要既支持Vue的url，又要支持这些发布之后的jsp页面 还有一个就是切换tab回来的时候之前输入的东西还要存在 系统页面截图 2. 实现思路 针对这个问题 ...

子页面 绑定方法接受父级页面传过来的值 父页面代码 postMessage会多对次传值，传值带判断字符串传值，根据id判断是否是自己需要的 ...