【相关文章推荐：vue.js】
vue.js图片插入的方法：
方法一：在data里面将图片路径保存好
imglist: [ { openitem: '../static/icon/ic_police.png' }, { openitem: '../static/icon/ic_prepay_confirm.png' }, { openitem: '../static/icon/ic_checkout.png' }, { openitem: '../static/icon/ic_lvye.png' }, { openitem: '../static/icon/ic_invoice.png' }, { openitem: '../static/icon/ic_bill.png' } ]
方法二：函数方法里面直接去访问图片路径
let src = require('../../assets/homeimg/home_icon1.png');
方法三：将图片统一放在一个json文件中，之后在vue页面中引用json文件
import imgs from "../../static/json/img.json"export default {data () {return {imglist: imgs.images}}}
相关免费学习推荐：javascript（视频）
以上就是vue.js图片怎么插入的详细内容。