循環渲染圖檔
<div v-for="(imgcode,index) in codeList" :key="index">
<img class="ml10" style="width: 8vw;height: 8vw;" v-if="item.varietyType.toUpperCase() == imgcode.name || (item.varietyType.slice(0,-4)).toUpperCase() == imgcode.name" :src="imgcode.img" alt="">
</div>
data() {
return {
codeList: [
{name: 'ETC',img: './static/imgs/ETC.svg'},
{name: 'ONT',img: './static/imgs/ONT.svg'},
{name: 'ADA',img: './static/imgs/ADA.svg'},
{name: 'BCH',img:'./static/imgs/BCH.svg'},
{name: 'BSV',img:'./static/imgs/BSV.svg'},
{name: 'BTC',img:'./static/imgs/BTC.svg'},
{name: 'DASH',img:'./static/imgs/DASH.svg'},
{name: 'EOS',img:'./static/imgs/EOS.svg'},
{name: 'ETH',img:'./static/imgs/ETH.svg'},
{name: 'LTC',img:'./static/imgs/LTC.svg'},
{name: 'NEO',img:'./static/imgs/NEO.svg'},
{name: 'OTC',img:'./static/imgs/OTC.svg'},
{name: 'XEM',img:'./static/imgs/XEM.svg'},
{name: 'XLM',img:'./static/imgs/XLM.svg'},
{name: 'XRP',img:'./static/imgs/XRP.svg'},
{name: 'ZEC',img:'./static/imgs/ZEC.svg'},
]
}
}