vue绑定图片路径数据问题

初次使用vue，遇到了许多小细节问题，比如data里面的静态图片路径渲染到页面上的问题，天真的我以为直接写图片的相对路径就可以了，然而失败了，我还是太嫩了，如图，里面的图片路径无法渲染在页面上，百度了一下，基本用两种方法解决。1、加require，如 headerImg: require('../../../assets/img/man.png')，这样就可以显示出来了。

小雷雷哥哥

6399人浏览 · 2017-11-27 14:25:02

小雷雷哥哥 · 2017-11-27 14:25:02 发布

初次使用vue，遇到了许多小细节问题，比如data里面的静态图片路径渲染到页面上的问题，天真的我以为直接写图片的相对路径就可以了，然而失败了，我还是太嫩了，如图，

里面的图片路径无法渲染在页面上，百度了一下，基本用两种方法解决。

1、加require，如 headerImg: require('../../../assets/img/man.png')，这样就可以显示出来了。

2、把图片放在static文件夹里面，用绝对路径引入，如 headerImg: 'static/img/man.png'，这样也可以

还有什么好用写法吗？请多多指教

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}$/, //不连续的两位字母// /^