vue3报错5 vue中用require处理图片地址 can‘t find module ‘...png/jpg‘

img不会识别这种动态绑定:会报错。

<img :src="'../../public/img'+item.url" /><br>

src绑定的会解析成一个纯字符串,只能通过在js里require()先包一下,拼接好再显示。

require的使用方法:

require的作用就是解析动态绑定的图片路径。
下面这种写死的则不用动态绑定。

<img src="../public/img/001.jpg">

require使用方法:

必须是require(“路径”+名称)

var name = "001.jpg";
var imgurl = require('../public/img/'+name);

下面这样使用是不对的,也会报错。

var name = "../public/img/001.jpg";
imgurl = require("../public/img/001.jpg")

猜你喜欢

转载自blog.csdn.net/yangyangdt/article/details/122464737
今日推荐