vue 跳转新界面后调用本界面方法

在 Vue 中，可以通过 `$refs` 来调用组件中的方法。具体的操作步骤如下：

1. 在组件中给需要调用的方法添加一个 `ref` 属性，如下所示：

<template>
  <div>
    <button @click="jumpToNewPage">跳转到新界面</button>
  </div>
</template>

<script>
export default {
  methods: {
    jumpToNewPage() {
      // 跳转到新界面
      window.location.href = 'https://www.example.com/new-page';
    },

    // 需要调用的方法
    doSomething() {
      console.log('do something');
    },
  },
};
</script>

2. 在新界面中，通过 `$parent.$refs` 来获取组件实例，并调用需要的方法。需要注意的是，如果组件不是直接父子关系，需要使用 `$root.$refs` 来获取根组件的引用。

<template>
  <div>
    <h1>这是新界面</h1>
  </div>
</template>

<script>
export default {
  mounted() {
    // 获取父组件实例
    const parent = this.$parent;

    // 调用父组件中的方法
    parent.$refs.myComponent.doSomething();
  },
};
</script>

其中，`myComponent` 是父组件中需要调用方法的组件的 `ref` 属性值。