vue3中渲染 v-for中的img圖片怎樣渲染

<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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容