<template>
<div class="homePage">
<div class="homePage-mid">
<div
class="homePage-mid-item"
v-for="(item, index) in itemList"
:key="index + 'sd'"
>
<img :src="item.urls" alt="" />
<p>{{ item.title }}</p>
</div>
</div>
<div class="homePage-bot"></div>
</div>
</template>
<script setup>
const itemList = ref([
{
title: '經(jīng)濟運行預警監(jiān)測',
urls: '/src/assets/image/login/item.png'
},
{
title: '能碳雙控監(jiān)測',
urls: '/src/assets/image/login/item.png'
},
{
title: '企業(yè)培育',
urls: '/src/assets/image/login/item.png'
},
{
title: '項目管理',
urls: '/src/assets/image/login/item.png'
}
])
</script>
vue3中渲染 v-for中的img圖片怎樣渲染
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。