uniapp调用子页面方法

要在uni-app中调用子页面的方法，你可以使用uni-app提供的页面通信机制。以下是一种常见的方法：

1. 在父页面中，使用uni.navigateTo或uni.redirectTo跳转到子页面，并传递参数。

   // 父页面跳转到子页面，并传递参数
   uni.navigateTo({
     url: '/pages/child/child?id=123'
   })

2. 在子页面中，通过onLoad生命周期函数获取传递的参数。

   // 子页面的onLoad生命周期函数中获取参数
   onLoad(options) {
     const id = options.id // 获取父页面传递的id参数
     // 其他逻辑...
   }

3. 在子页面中定义需要调用的方法，并在需要的时候调用。

   // 子页面中定义需要调用的方法
   export default {
     methods: {
       childMethod() {

相关问题

uniapp 父页面调用子组件方法

在 UniApp 开发中，如果你想要从父组件调用子组件的方法，可以采用以下几种方式：

1. **通过 prop 传递事件**：父组件可以将事件名作为 prop 传给子组件，然后在子组件内部监听这个事件。当子组件准备好执行特定方法时，触发这个事件并将方法名、参数一起发送。

// 父组件
<child-component @customEvent="callMethod"></child-component>

// 子组件
methods: {
   handleCustomAction() {
      this.$emit('customEvent', 'methodName', arguments);
   }
}

2. **自定义事件 (EventBus)**：创建一个全局的 EventHub，让父组件和子组件都可以订阅和发布事件。在子组件上调用方法时，通过 EventBus 发布事件，父组件捕获并调用相应的回调。

3. **父子通信插件**：如 uView 中的 `u-modal` 插件提供了一个内置的通信机制，可以在父子组件间直接传递方法调用。

4. **ref 和 methods 调用**：若子组件有公开的 method，父组件可以在 `mounted` 钩子中通过 `this.$refs.childComponent.methodName(args)` 来调用。

记得，无论哪种方式，都需要保证子组件的实例已存在并且方法可以被调用。同时注意，性能方面，频繁的父子组件间的通信可能会影响应用性能，所以在设计时要考虑合理性。

uniapp跨页面调用函数

在 UniApp 开发中，跨页面调用函数通常指的是在不同组件之间共享和通信的功能，因为 UniApp 采用的是单页应用（SPA）架构。你可以使用以下几种方法来实现跨页面调用：

1. **Event Bus（事件总线）**：创建一个全局的 Vue 实例或者使用现有的如 Vue.prototype.$emit 和 $on 方法，发布和监听事件来进行跨组件间的通信。

// 发布事件
this.$emit('custom-event', { data: 'from-child' });

// 接收事件
this.$on('custom-event', function (event) {
  console.log(event.data);
});

2. **Vuex**：使用 Vuex 状态管理库来存储和共享数据，不同页面可以通过 actions 和 mutations 修改和获取数据。

3. **Props 和 Events**：子组件可以通过 Props 向父组件传递数据，也可以通过自定义事件（$emit）触发父组件的方法。

4. **Service**：定义一个服务（Service），在需要的地方注入使用，用来封装公共功能或数据。

5. **API 调用**：如果涉及到后端接口，可以在父组件或专门的模块中封装 API，然后提供给所有需要的页面调用。

相关问题：
1. 如何在 UniApp 中实现无侵入式的跨组件通信？
2. 在 UniApp 中，Vuex 适合处理什么样的跨页面调用场景？
3. 如何确保在调用远程 API 时，代码的可维护性和复用性？