vue本页面调用其他页面方法

在Vue中，一个页面（组件）直接调用另一个页面（组件）的方法是不常见的做法，因为页面（组件）通常被设计为独立的、可重用的单元。相反，推荐使用路由来导航到其他页面，并在目标页面中调用对应的方法。

下面是一种常见的实现方式：

1. 在路由配置中定义路由：

import OtherPage from './OtherPage.vue';

const routes = [
  {
    path: '/other',
    component: OtherPage,
    name: 'other'
  }
];

2. 在当前页面中使用router-link进行导航到其他页面：

<template>
  <div>
    <router-link :to="{ name: 'other' }">跳转到其他页面</router-link>
  </div>
</template>

3. 在目标页面（OtherPage）中定义需要被调用的方法：

<template>
  <div>
    <p>这是其他页面</p>
  </div>
</template>

<script>
export default {
  methods: {
    otherPageMethod() {
      // 在其他页面中被调用的方法
    }
  }
};
</script>

4. 在目标页面（OtherPage）中，可以通过this.otherPageMethod()来调用该方法。

总结来说，通过使用路由导航到其他页面，然后在目标页面中定义和调用所需的方法，可以实现从一个页面（组件）调用另一个页面（组件）的方法。