微信小程序template模版调用方法进行传递

最新推荐文章于 2024-07-12 11:51:59 发布

julyi24

最新推荐文章于 2024-07-12 11:51:59 发布

阅读量1.5k

点赞数

文章标签：小程序 eventemitter templates

本文链接：https://blog.csdn.net/u012765966/article/details/107409056

版权

本文介绍如何在微信小程序中实现模板调用外部方法。通过使用EventEmitter，在模板的构建方法中初始化全局变量，并在对应的JS文件中进行监听和取消监听，从而实现在模板中调用外部接口。

摘要由CSDN通过智能技术生成

子组件调用方法可以通过

<component

<component-name bind:event="handleEvent"></component-name>

组件内调用event即可；

一般来说模版只需要调用模版内的方法，但是总有些需求会让你很想在模版内调外部方法；我的解决思路是，创建一个EventEmitter，在模版的构建方法中对一个全局变量进行EventEmitter初始化；

import Emitter from '/utils/emitter'

app.globalData.emitter= new Emitter() //创建emitter类，进行初始化


app.globalData.emitter.emit('eventEmitter', data)  // 在需要调用的地方传递内容

在对应需要接口的js文件，onLoad中增加监听

app.globalData.emitter.on('eventEmitter', (data) => {
      console.log(data)
    })

在onUnload中取消监听

 app.globalData.writeEmitter.off('eventEmitter')

emitter.js:


export default class EventEmitter {
  constructor() {
    this.eventReset()
  }
  eventReset() {
    if (this._eventListeners) {
      Object.keys(this._even