VUE足場アプローチは、動的に画像を参照するには

 

VUEプロジェクトは最終的にWebPACKのがパッケージ化されますので。後端伝送路と直接参照することができません。

 

あなたは、インポートする必要があります。

 

輸入「../assets/big_st_ga.png」からlogo_st_ga 。
輸入「../assets/big_st_sp.png」からlogo_st_sp。

 

その後、後端を介して送信される識別子に対応する画像に導入されます。

 

IF（res.data.data == 'st_ga'）{ 
    thiz.logoName = logo_st_ga。
}そうであれば（res.data.data == 'st_sp'）{ 
    thiz.logoName = logo_st_sp。
}

 

可変データの定義において、logoName、logoNameを割り当てる対応する画像を選択し、缶

<DIV CLASS = "ロゴボックス"> 
    <IMGクラス= "ロゴ"のimg V-バインド：SRC = "logoName"> 
</ div>