在Vue中使用require处理图片地址时无法找到模块...png/jpg

阅读量：

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

复制代码

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

src绑定后会被解析成一个纯字符串；在JavaScript中使用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")

全部评论 (0)

还没有任何评论哟~