vue+webpack中动态绑定图片路径的3种方法
1把图片放到src同级的static目录“`data() {return {mysrc:‘/static/icon/icon.png’}}2用require加载data() {return {mysrc:require(“../icon/icon.png”
·
1
把图片放到src同级的static目录
<img :src="mysrc" />
data() {
return {
mysrc:‘/static/icon/icon.png’
}
}
2
用require加载
<img :src="mysrc" />
data() {
return {
mysrc:require("../icon/icon.png")
}
}
3将图片放在远程地址。直接引入;
<img :src="mysrc" />
data() {
return {
mysrc:'http://icon/icon.png'
}
}
更多推荐
已为社区贡献11条内容
所有评论(0)