在vue项目开发中, 为什么图片要用require 引入。。。而不是直接写本地路径

发布网友发布时间：2022-03-25 11:40

共3个回答

热心网友时间：2022-03-25 13:09

使用require定义之后，你就可以动态使用了，不用require你就只能写死的。
不用 :src="'../img/image.jpg'" 会被解析为字符串

<img src="../img/image.jpg"> // 正常加载
<img :src="'../img/image.jpg'"> // 动态地址，路径被加载器解析为字符串，图片找不到

使用

src1：require('../img/image1.jpg'),
src2：require('../img/image2.jpg'),
index: 1,

<img :src="index = 0 ? src1: src2"> // 动态地址，正常加载

热心网友时间：2022-03-25 14:27

都可以的，两种方式都行，而且图片的话，一般都是直接引入，不用require
请采纳

热心网友时间：2022-03-25 16:02

这个就是相对路径引入的哦