+
86
-

uniapp的page页面内的export default外部如何调用内部的method方法?

uniapp的page页面内的export default外部如何调用内部的method方法?

<template>
  <div>
 
  </div>
</template>

<script>
//这里如何调用内部的sayHello方法
export default {
  methods: {
    sayHello() {
      console.log('Hello ');
    }
  }
};
</script>


网友回复

+
9
-

在uniapp中,要在export default外部调用内部methods方法,有以下几种方式:

使用getCurrentPages()获取页面实例:
<template>
  <div>
  </div>
</template>

<script>
// 在外部定义方法调用
function callPageMethod() {
  const pages = getCurrentPages();
  const currentPage = pages[pages.length - 1];
  currentPage.sayHello(); // 调用页面内的方法
}

export default {
  methods: {
    sayHello() {
      console.log('Hello');
    }
  }
};
</script>
使用getApp()全局实例:
<template>
  <div>
  </div>
</template>

<script>
// 获取应用实例
const app = getApp();

// 在外部定义方法
function callMethod() {
  const vm = app.globalData.pageInstance;
  vm.sayHello();
}

export default {
  onLoad() {
    // 将页面实例保存到全局
    app.globalData.pageInstance = this;
  },
  met...

点击查看剩余70%

我知道答案,我要回答