vue 动态为img的src赋值

Vue.js 动态为img的src赋值在vue中动态给src赋值绑定图片会显示不出来动态添加src被当做静态资源处理了，没有进行编译解决方法：1、用网络地址把图片放在cdn或自己的服务器上，把网络地址存在imgUrl里，然后直接2.把图片放在src同级的static文件夹下此处有坑如果在部署H5的项目时对路径动了手脚这个有没有用3.require(’…/assets/images/’+imgs

IT界的一只菜鸟

7759人浏览 · 2021-03-22 10:26:24

IT界的一只菜鸟 · 2021-03-22 10:26:24 发布

Vue.js 动态为img的src赋值

在vue中动态给src赋值绑定图片会显示不出来动态添加src被当做静态资源处理了，没有进行编译

解决方法：

1、用网络地址把图片放在cdn或自己的服务器上，把网络地址存在imgUrl里，然后直接<img :src="Url">

2.把图片放在src同级的static文件夹下此处有坑如果在部署H5的项目时对路径动了手脚这个有没有用

3.require(’…/assets/images/’+imgsrc+’.png’) 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}$/, //不连续的两位字母// /^