在 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 答疑 https://www.html.cn/qa/vue-js/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/vue-js/16377.html