音乐播放组件的优化
来源: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函数。
00
相似问题