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
- }
- }
- }
更多 web 开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/17145.html