uniapp的page页面内的export default外部如何调用内部的method方法?
<template>
<div>
</div>
</template>
<script>
//这里如何调用内部的sayHello方法
export default {
methods: {
sayHello() {
console.log('Hello ');
}
}
};
</script>网友回复
在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%


