您的位置：首页 > 产品设计 > UI/UE

vue+webpack中动态绑定图片路径的3种方法

2017-10-11 15:03 639 查看

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'
}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： vue

相关文章推荐

新的分享

章节导航