Vue实现iframe的上一步、下一步操作
背景
使用Element的Tabs组件嵌入多页面,但是页面中需要实现上一步、下一步功能,如图:
实现
//父组件var vm = new Vue({el: "#app",data: {pages: [],index: 0,bmbiId: 0},methods: {goPageIndex(pageIndex) {this.index = pageIndex;}},...});//在Vue实例外声明方法function goPageIndex(tab) {vm.goPageIndex(tab)}
//子组件<div style="text-align:center;margin:10px;"><el-button type="primary" @@click="handleBack" size="mini">上一步</el-button><el-button type="primary" @@click="handleNext" size="mini">下一步</el-button></div>//上一步handleBack() {window.parent.goPageIndex(1);},//下一步handleNext() {window.parent.goPageIndex(3);}
Vue实现iframe的上一步、下一步操作相关推荐
- js 上一步 下一步 操作
<a id="syb" href="#" style="display: block;" class="btn button ...
- jq步骤条 java_JQuery实现步骤条效果(上一步,下一步)
之前做出的步骤条是利用easyui +jquery实现的,但是他在隐藏板块的时候用到的是display:none,这会使我在板块中加载的js失效,所以换了一种方式,用Position.把元素脱离文档流 ...
- vue element上一步下一步跳转
注:vue2.0 项目 该效果引用element-ui的步骤条,引用之前确保个人项目已安装Element 安装命令:npm install element-ui 然后在main.js中引入: 确保安装 ...
- steps步骤条+上一步+下一步
步骤条在第一步提现申请的时候,只显示下一步.在第二步提现确认的时候,显示上一步和下一步.第三步完成提现的时候显示确认按钮. <span :class="{active:prevStep ...
- idea上一步下一步快捷键_【MySQL】一步一步的教你在windows下安装MySQL5.7
作者:choxsu来源:https://choxsu.cn/article/50 安装之前 MySQL数据库在日常使用是非常的频繁的,不管是线上还是线下.下面我就分享出我安装MySQL5.7的一步一脚 ...
- idea上一步下一步快捷键_领航者的一步,左右行业的下一步!双11海尔洗衣机再夺冠的思考...
撰文/蓝科技 一个行业的发展,离不开带头企业的探索和推动.在洗衣机领域,海尔智家是那个左右着行业下一步发展方向的那个品牌. 今年双11,海尔洗衣机首日以四大电商平台销额增幅223%,直驱系列同比3倍速 ...
- 上一步,下一步(撤销和恢复)
var data = {}; data.count = 0; data.list = []; function regain () { function handleSaveCss() { / ...
- IDEA 返回上一步,回到下一步 冲突 快捷键设置
idea 本身的上一步下一步快捷键和其他软件有冲突,所以改下上一步下一步的快捷键 原来的快捷键,如果没有冲突可以直接用啦 回到上一步 Ctrl + Alt+ <-(左箭头) 回到下一步 Ctrl ...
- html 中返回上一步页面,(移动端)在APP中嵌入H5网页,返回上一步返回APP菜单首页...
H5页面中:返回上一步固定写法(前端实现:使用vue框架的返回上一步语法即可): methods:{ backforward(){ this.$router.back(-1); // 返回上一步 }, ...
最新文章
- 双链表(删除节点操作)
- 阎崇年:《袁崇焕传》自序
- php中address,address.php
- 机械学python_机械学习 · python深度学习 · 看云
- mysql 日志表设计_在mysql 使用binlog日志
- 【java并发编程艺术学习】(一)初衷、感想与笔记目录
- 【转】WPF默认控件模板的获取和资源词典的使用
- [转载] python while循环 打印菱形
- New Concept English Two 5
- sqlserver sql行专列_Sqlserver 列转行 行转列
- 一段看不懂的乱码字符_字符乱码的解读
- 企业研发人员配备比例_……企业职工人数、学历结构以及研发人员占企业职工比例说明...
- 一枚namecheap续费可用的优惠码
- 云基础设施自研,阿里云腾讯云华为云亮出啥高招?
- android button 属性,两行显示数字,前面各有图像,Android_2_常用控件及常用属性
- 微信公众帐号开发教程
- PCL:直通滤波(单一字段 | 多字段)
- pcb线路板制作过程分析
- 凡客紧缩之困:极致单品难撑大局 小米化或为了出售
- android 小米手机打不开摄像头,小米手机相机故障无法连接到相机怎么办【故障解决】...