vue-cli 动态绑定图片失败
Posted moguzi12345
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-cli 动态绑定图片失败相关的知识，希望对你有一定的参考价值。
1、template 中引用图片，第一个为固定路径，第二个为动态绑定路径
eg：
<img src="XXXXXX.png" >
<img :src="url" >
当前路径显示为：
第一个图片正常显示，第二个图片无法显示，
解决办法：
2、在return 的 url 下，添加 require()，使其变成 url: require(‘../../image/user.png‘) 即可
表示我们的图片要用require引进来，静态资源都要用require引入
以上是关于vue-cli 动态绑定图片失败的主要内容，如果未能解决你的问题，请参考以下文章
uniapp之动态绑定class和style样式(vue.js)