我的理解 currentLyric 在纯音乐和有歌词的情况都是有值的吧?为何能 if 控制
来源:5-12 播放器 歌词相关逻辑开发(02)
Madao54
2022-06-28
<!-- 歌词区 -->
<scroll
class="middle-r"
ref="lyricScrollRef"
:style="middleRStyle"
>
<div class="lyric-wrapper">
<!-- 有歌词 --> ⬇️ 这里的 currentLyric
<div v-if="currentLyric" ref="lyricListRef">
<p
class="text"
:class="{'current': currentLineNum === index}"
v-for="(line,index) in currentLyric.lines"
:key="line.num"
>
{{line.txt}}
</p>
</div>
<!-- 无歌词纯音乐 -->
<div class="pure-music" v-show="pureMusicLyric">
<p>{{pureMusicLyric}}</p>
</div>
</div>
</scroll>
currentLyric 用于 v-if 判断,我的理解它在纯音乐和有歌词的情况都是有值的吧?是怎么判断 true/false 的,请老师点明?
写回答
1回答
-
ustbhuangyi
2022-07-02
currentLyric 默认值是 null,如果 lyric 有的话,那么就变成有值,这就是响应式对象。
00
相似问题