首页> web前端> Vue.js> 正文

vue.js图片怎么插入

coldplay.xixi
发布: 2020-11-17 15:28:36
原创
3895 人浏览过

vue.js图片插入的方法:1、在data里面将图片路径保存好;2、函数方法里面直接去访问图片路径;3、将图片统一放在一个json文件中,之后在vue页面中引用json文件。

vue.js图片怎么插入

【相关文章推荐: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图片怎么插入的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章