使用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"> // 动态地址,正常加载