技術標籤：vue

img圖片路徑：根據不同的狀態顯示不同地址

用於圖片地址不是絕對路徑

1. 利用import引入圖片路徑

編譯時載入（效率更高）【由於是編譯時載入，所以import命令會提升到整個模組的頭部】

// 地址引入
import imgUrl from '@/assets/bg.png'

// 計算屬性
computed: {
   getImg() {
   	// 條件判斷，最後輸出
     return imgUrl
   }
 }
 
// 頁面引用
<img :src="getImg" alt="">

2. 利用require引入

執行時載入

// 計算屬性
 computed: {
  getImg() {
     return require('@/assets/bg.png')
   },
 }
// 頁面引用
<img :src="getImg" alt="">