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%