vue中img的src动态渲染不显示

没有检索到摘要

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue中img的src动态渲染不显示

问题描述

根据不同状态显示不同的状态图标,原代码(不显示)如下:

		<img
          :src="`@/assets/device/${itemdata.deviceStateName}.png`"
          :alt="itemdata.modelName"
        >

实际上在引用的路径下这些图片是存在的,只是引用的方式不对,图片并没有被打包,显示引入路径,所以导致找不到该图片

在这里插入图片描述

解决办法

使用require引入图片

			<img
              :src="
                require(`@/assets/images/home/${itemdata.deviceStateName}.png`)
              "
              :alt="itemdata.deviceStateName"
              width="19"
            >

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值