html插入图片函数,在vue.js中如何添加图片？

在vue.js中添加图片的方法：1、在data里面将图片路径保存好即可添加。2、在函数方法里面直接去访问图片路径。3、将图片统一放在一个json文件中，之后在vue页面中引用json文件。

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

}

}

}

本文来自Vue.js答疑栏目，欢迎学习！