在vue.js中添加图片的方法：1、在data里面将图片路径保存好即可添加。2、在函数方法里面直接去访问图片路径。3、将图片统一放在一个json文件中，之后在vue页面中引用json文件。
vue在js中去添加图片的方式介绍：
方法一：在data里面将图片路径保存来源gao@dai!ma.com搞$代^码网好
imgList: [
{
openItem: '../static/icon/ic_police.png-600'
},
{
openItem: '../static/icon/ic_prepay_confirm.png-600'
},
{
openItem: '../static/icon/ic_checkout.png-600'
},
{
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答疑栏目，欢迎学习！
以上就是在vue.js中如何添加图片？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：在vue.js中如何添加图片？
转载请注明原文链接：在vue.js中如何添加图片？
