首页 文章资讯内容详情

vuejs添加图片

2026-06-01 2 花语

方法一:在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 } ]

方法二:函数方法里面直接去访问图片路径

letsrc=require(../../assets/homeImg/home_icon1.png);

方法三:将图片统一放在一个json文件中,之后在vue页面中引用json文件

importimgsfrom"../../static/json/img.json" exportdefault{ data(){ return{ imgList:imgs.images } } } 原文链接: