Vue 當data中沒有數據的時候不渲染該元素

需求：一個Img標籤，當imglist數組中有數據的時候渲染imglist中的數據，當用戶點擊按鈕的時候顯示url數組中的數據。

步驟一：使用三元表達式。但會出現一個bug,首次進入頁面imglist中沒有數據的話頁面會報錯。

解決方案

v-if判斷當imglist.length>0也就是最少有一條數據的時候才渲染該dom

  <img :src="flag?imglist[0].url: url" class="image" v-if="imglist.length>0" />