在小程序中封装类vue的watch方法

前言

在做一个音频小程序的时,由于用到了背景音频,需要无论在哪个页面都有持续播放音频,但是在实际操作中,当在由于小程序没有vue中的watch,有时候会不方便,于是想到是否能封装一个类似功能。在网上查了一些大牛的案例结合项目,最终搞定了这个功能。

思路

监听器的原理,将data中需监听的属性写在watch对象中,并给其提供一个方法,当被监听属性的值改变时,调用该方法。​​所以我们可以,用Object.defineProperty()方法,来手动劫持对象的getter/setter,从而实现给对象赋值时(调用setter),执行watch对象中相对应的函数,达到监听效果。

实现

由于是做一个全局都可以调用的东西,所以我们可以将方法直接封装到appjs中
app.js

//app.js
const myAudio = wx.getBackgroundAudioManager()
App({
   
  onLaunch: function () {
   
  },
  globalData: {
   
    token:'',
    appName:'',
    otherType:'',
    music:{
   },
    otherWayList:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值