音乐播放组件的优化

来源:10-10 hidden不会触发组件的detached,但wxif会

tom睡着了

2024-11-25

老师您好,课程中为了让<v-music>组件感知到期刊的切换,在<v-music>组件中使用了attached生命周期函数,因此page/classic页面中就必须使用wx:if来控制<v-music wx:if="type===200">组件的显示和隐藏。
优化思路:
组件中的属性可以添加observer()方法,感知属性的变化。因此在<v-music>组件中给src属性添加observer()方法,就可以感知到期刊的切换,从而避免在page/classic页面中使用wx:if方法来控制组件显示和隐藏,优化页面的渲染效率。

// components/classic/music/index.js
Component({
  behaviors: [classicBeh],
    properties: {
    src: {
      type: String,
      observer() {
        this._recoverStatus()
      }
    },
    title: String,
  },
  //.....

(PS重新回顾了整个课程,仍然受益匪浅。)

写回答

1回答

7七月

2024-12-18

确实。当时好像做这个的时候,还没有通用的Observer函数。

0
0

纯正商业级微信小程序应用实战,全方位小程序特性讲解

真实数据的高质量小程序项目,学会直接工作

4782 学习 · 2125 问题

查看课程