Vue の img の src 画像アドレスの動的スプライシングの問題について

<テンプレート>
    <div class="fl">
          <img :src="getImgUrl(gatherInfo.img1)" alt="">
          <img :src="getImgUrl(gatherInfo.img2)" alt="">
          <img :src="getImgUrl(gatherInfo.img3)" alt="">
     </div>
</テンプレート>

データ（）{
    戻る {
      情報を収集:
        タイトル: 「在庫概要情報」
        画像1: 'k1',
        画像2: 'k2',
        画像3: 'k3',
      },
    }
}

//画像アドレスを取得する getImgUrl (img) {
      return require("@/assets/images/inventory/" + img+ ".png");
    },