vue.js中添加图片的方法是：首先将要添加的图片统一放在一个json文件中；然后在vue页面中引用该json文件即可，如【import imgs from "../../static/json/img.json"】。
本教程操作环境：windows7系统、Vue2.9.6版本，Dell G3电脑。
vue.js添加图片的方法如下：
（学习视频分享：php视频教程）
方法一：在data里面将图片路径保存好
立即学习“前端免费学习笔记（深入）”；
企业后台管理系统JaManage2.0 多语言版
下载
功能介绍： 一.系统管理：管理员管理，可以新增管理员及修改管理员密码；数据库备份，为保证您的数据安全本系统采用了数据库备份功能；上传文件管理，管理你增加产品时上传的图片及其他文件 二.企业信息：可设置修改企业的各类信息及介绍 三.产品管理：产品类别新增修改管理，产品添加修改以及产品的审核 四.下载中心：可分类增加各种文件，如驱动和技术文档等文件的下载 五.订单管理：查看订单的详细信息
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
}
}
}相关推荐：vue.js教程
