vue动态赋值img的src，用require()

首先，单独一个src是可以的<img src="../../assets/logo.png" alt="图片" />数组是这样的想改为动态赋值的形式就实现不了<img :src="item.img" alt="图片" />所以改为如下：在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，将图片作为模块加载进去,用req

PairsNightRain

12402人浏览 · 2020-05-14 16:57:22

PairsNightRain · 2020-05-14 16:57:22 发布

首先，单独一个src是可以的

<img src="../../assets/logo.png" alt="图片" />

在这里插入图片描述
数组是这样的

想改为动态赋值的形式就实现不了

<img :src="item.img" alt="图片" />

所以改为如下：
在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，将图片作为模块加载进去,用require()就可以了
在这里插入图片描述

在这里插入图片描述
想看更多内容也可以关注我的微信公众号：傻傻是个前端程序猿

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^