動態的src路徑怎么寫

錯誤寫法

      <div class="icon--wrapper" @click="before">
        <img class="icon-search" :src="leftArrow">
      </div>

    leftArrow (index) {
      if (index <= 0) {
        return './imgs/[e-mail]'
      } else {
        return './imgs/[e-mail]'
      }
    },

正確寫法
用相對路徑是不行的要用絕對路徑
````
      <div class="icon--wrapper" @click="before">
        <img class="icon-search" :src="Number(index) < 0 || Number(index) === 0 ? leftGreyPic : leftBluePic">
      </div>
````
````
import leftGreyPic from '@pages/company/customer/imgs/[e-mail]'
import leftBluePic from '@pages/company/customer/imgs/[e-mail]'
````
在data里面定義
````
      leftGreyPic: leftGreyPic,
      leftBluePic: leftBluePic,
````
上面是因為打包后目錄全部都變了,根目錄不變,vue文件全部變成JavaScript了，保留不了原本的文件目錄,你項目運行的時候 你寫的相對路徑找不到文件了,打包編譯的時候沒編譯動態路徑