vue.js怎么加图片？下面本篇文章给大家介绍一下在vuejs中添加图片的方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
vue.js怎么加图片？
方法一：在data里面将图片路径保存好
imgList: [
{
openItem: '../static/icon/ic_police.png-600'
},
{
openItem: '../static/icon/ic_prepay_confirm.png-600'
},
{
openItem: '../static/icon/ic_checkout.png-600'
},
<mark style="color:transparent">来源gaodaimacom搞#代%码网</mark> {
openItem: '../static/icon/ic_lvye.png-600'
},
{
openItem: '../static/icon/ic_invoice.png-600'
},
{
openItem: '../static/icon/ic_bill.png-600'
}
]
方法二：函数方法里面直接去访问图片路径
let src = require('../../assets/homeImg/home_icon1.png-600');
方法三：将图片统一放在一个json文件中，之后在vue页面中引用json文件
import imgs from "../../static/json/img.json"
export default {
data () {
return {
imgList: imgs.images
}
}
}
更多前端开发知识，请查阅 搞代码网 ！！
以上就是vue.js怎么加图片？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue.js怎么加图片？
转载请注明原文链接：vue.js怎么加图片？
