vue 如何通过数组内指定的字段名称去对应填充相对的图片

DadiaoMan

已于 2022-07-15 14:32:41 修改

阅读量564

点赞数

分类专栏： vue 文章标签： vue

于 2022-07-12 18:52:42 首次发布

本文链接：https://blog.csdn.net/DadiaoMan/article/details/125749489

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

案例：

 <img :src="bankImg[item.bankName]" alt="" width="50px"/>

data（）{
    retrun{
     bankImg: {
            '招商银行': require('@assets/image/personal/Bank/Zs.png'),
            '建设银行': require('@assets/image/personal/Bank/Js.png'),
            '中国银行': require('@assets/image/personal/Bank/Zg.png'),
            '中国农业银行': require('@assets/image/personal/Bank/Ny.png'),
            '中国邮政储蓄银行': require('@assets/image/personal/Bank/Yz.png'),
            '交通银行': require('@assets/image/personal/Bank/Jt.png'),
            '中信银行': require('@assets/image/personal/Bank/Zx.png'),
            '平安银行': require('@assets/image/personal/Bank/Pa.png'),
            '浦发银行': require('@assets/image/personal/Bank/Pf.png'),
            '光大银行': require('@assets/image/personal/Bank/Gd.png')
          }
    }
}