我的理解 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 有的话,那么就变成有值,这就是响应式对象。

0
0

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ,提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程