首页>>帮助中心>>香港服务器的vue怎么添加图片

香港服务器的vue怎么添加图片

2023/9/9 505次

香港服务器的vue添加图片的方法:1、可以在data写入图片路径并保存;2、通过使用require()函数方法直接访问图片路径;3、将图片全部存入一个json文件中,然后在vue页面中使用“import ”方法引入储存图片的json文件即可。

具体内容如下:

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

}

}

}

购买使用一诺网络香港服务器,可以极大降低初创企业、中小企业以及个人开发者等用户群体的整体IT使用成本,无需亲自搭建基础设施、简化了运维和管理的日常工作量,使用户能够更专注于自身的业务发展和创新。香港服务器低至29/月,购买链接:https://www.enuoidc.com/vps.html?typeid=2

版权声明

    声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们996811936@qq.com进行处理。