在vue项目中，有两个tab页，在其中一个页面调用另一个页面的方法

今天做了这样一个需求，一个页面新增按钮弹出另一个tab页，在新的页面保存完成之后需要对原页面做自动刷新操作

页面一：

<template><el-button  type="primary" size="small" @click="oAdd">新增</el-button>
</template>

点击使用window.open()打开新的界面

<script>
export default {method:{oAdd(){window.open(url)}}
}
</script>

方法：
接收方（列表）初始化的时候添加

mounted(){window.load = (){//事件回调的刷新方法this.loadData()}
}

其中load是方法名，可以自己定义

发送方（新增页面）保存之后调用

method:{save(){···省略保存方法// 调用列表函数，实现自动刷新效果if (window.opener) {window.opener.load()}}
}