vue中加载本地静态资源 v-for遍历本地图片

最新推荐文章于 2024-06-04 08:45:15 发布

Andrew_SJ

最新推荐文章于 2024-06-04 08:45:15 发布

阅读量3.3k

点赞数 6

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

本文链接：https://blog.csdn.net/Andrew_SJ/article/details/119642988

版权

测试组件时，需要遍历一下本地图片。发现直接给img绑定src属性为图片的url，图片无法显示。

<template>
	<div v-for="item,index in pics" :key="index">
	    <img :src="item.img" alt="">
	</div>
</template>
<script>
export default {
     
    name: 'test',
    data() {
     
        return {
     
            pics: [
                {
     img:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Andrew_SJ

关注关注

6
点赞
踩
27

收藏

觉得还不错? 一键收藏
3
评论
vue中加载本地静态资源 v-for遍历本地图片

测试组件时，需要遍历一下本地图片。发现直接给img绑定src属性为图片的url，图片无法显示。<template> <div v-for="item,index in pics" :key="index"> <img :src="item.img" alt=""> </div></template><script>export default { name: 'test', data() {
复制链接

扫一扫