uniapp如何封装全局方法 并返回执行结果

2023-05-25 03:29:24 浏览数 (2)

在uniapp中你可以这样实现,你可以使用Promise对象来实现当全局公共方法执行完后执行调用者的逻辑。以下是一个简单的示例代码:

  1. 修改common.js文件中的代码,使用Promise对象封装公共方法:
代码语言:javascript复制
// common.js
export default {
  // 定义一个全局公共方法
  commonMethod() {
    // 返回一个Promise对象
    return new Promise((resolve, reject) => {
      // 执行操作,获取结果
      let result = "执行结果";
      // 将执行结果返回给调用者
      resolve(result);
    });
  }
}
  1. 在页面中调用全局公共方法,并使用await关键字等待公共方法执行完毕后获取执行的结果:
代码语言:javascript复制
export default {
  methods: {
    // 调用全局公共方法,并执行其他逻辑
    async getResult() {
      let result = await this.$Common.commonMethod();
      // 全局公共方法执行完毕后,在执行其他逻辑
      console.log('执行其他逻辑');
      return result;
    }
  }
}

在上面的代码中,我们将全局公共方法封装在一个Promise对象中,并在公共方法中使用resolve()方法将执行结果返回给调用者。然后,在页面中使用async/await语法,使用await关键字等待全局公共方法执行完毕,并获取执行的结果。最后,我们在获取执行结果后,可以执行其他逻辑。

0 人点赞