vue通過下標取值的問題

vue通過下標取值的時候有可能會出現報錯。圖片可以渲染出來，但是頁面會報錯。

原因是渲染速度的問題，剛進來的時候html先渲染，list[0].coverPath 就是undefined啊，

針對這一個解決辦法，可以給父標簽一個  v-if="list[0]" ，等有這個元素后才顯示，就不會報錯了。

           <!--一開始的寫法 -->
           <router-link to="">  
            <img
              v-lazy="list[0].coverPath"
              alt=""
            >
          </router-link>

          <!-- 解決辦法，給父標簽添加一個判斷 -->
          <router-link to="" v-if="list[0]">
            <img
              v-lazy="list[0].coverPath"
              alt=""
            >
          </router-link>

 

圖片結束