欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于Vue中img動態(tài)拼接src圖片地址的問題

 更新時間：2021年10月13日 14:23:03   作者：H@Z*rTE|i  
這篇文章主要介紹了關(guān)于Vue中img動態(tài)拼接src圖片地址的問題,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下

下面看下Vue中img動態(tài)拼接:src圖片地址，具體內(nèi)容如下所示：

使用場景：根據(jù)后端返回圖片標(biāo)記來匹配本地圖片資源
例如：根據(jù)后端返回k1標(biāo)記，前端生成assets/images/inventory/k1.png圖片資源路徑

<template>
    <div class="fl">
          <img :src="getImgUrl(gatherInfo.img1)" alt="">
          <img :src="getImgUrl(gatherInfo.img2)" alt="">
          <img :src="getImgUrl(gatherInfo.img3)" alt="">
     </div>
</template>
data(){
    return{
      gatherInfo: {
        title: '庫存匯總信息',
        img1: 'k1',
        img2: 'k2',
        img3: 'k3',
      },
    }
}

methods里面

//獲取圖片地址
    getImgUrl (img) {
      return require("@/assets/images/inventory/" + img+ ".png");
    },

到此這篇關(guān)于Vue中img動態(tài)拼接:src圖片地址的文章就介紹到這了,更多相關(guān)vue img動態(tài)拼接內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論