vue2，v-for循环无法获取图片路径

weixin_52406641

已于 2022-04-26 17:30:22 修改

阅读量813

点赞数

文章标签： vue.js 前端 javascript

于 2022-01-26 09:59:15 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_52406641/article/details/122695928

版权

使用场景：文件嵌套太多，v-for循环无法获取图片路径

在这里插入图片描述
解决方法：

<template>
	<div id="wrapper" :style="{
	backgroundImage: `url(${getImg(bgImg)})`
	}">
	</div>
</template>

methods: {
		getImg(res) {
			//必须拼接一下
			return require(`@/img/${res}.svg`);//res就是图片的名字
		},
	},

weixin_52406641

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue2，v-for循环无法获取图片路径

例子：<template> <div id="wrapper" :style="{ backgroundImage: `url(${getImg(bgImg)})` }"> </div></template>methods: { getImg(res) { //必须拼接一下 return require(`@/img/${res}.svg`);//res就是图片的名字 }, },如果这些帮到您了，别忘了点赞关注加评论，
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。