VUE 子窗口如何调用父窗口的方法-- PC端项目

父窗口页面：parent.vue

<script>
export default {
  data() {
    return {
    };
  },
  mounted() {
  },
  created() {
    let _this = this
    window.handleList=function(obj){
      //obj为子窗口传递的参数
      _this.handleGetList();
    }
  },
  methods: {
    // 获取列表数据
    handleGetList(){
      //获取列表的代码
    },
    //打开子窗口
    handleOpen(){
      window.open('#/child')
    }
  }
};
</script>

子窗口页面：child.vue

<script>
export default {
  methods: {
    // 操作父窗口代码
    handleOperationParent(){
      //window.opener && !window.opener.close判断父组件是否存在
      if(window.opener && !window.opener.close) {
        //handleList为父窗口的window.handleList方法名 obj为参数 可以不传递
        window.opener.handleList(obj);
        // window.close() 关闭当前页面
      }
    }
  }
};
</script>