最近发现一个问题 , img的src直接写图片地址,可以正常渲染,但是用:src写的时候,图片就加载失败了
比如 , 我这样写 , 图片是能出来的
<img src="@/assets/images/1.png" alt="">
但是我写成 : src , 图片就裂开了
<img :src="'@/assets/images/1.png'" alt="">
解决方法
:src里配置成变量 , 用require引入图片地址
<img :src="imgURL">
data() {
return {
imgURL: require("@/assets/images/1.png")
}
},