• 技术文章 >web前端 >Vue.js

    vue.js中怎么添加图片

    VV2020-11-17 09:20:49原创56

    vue.js中添加图片的方法是:首先将要添加的图片统一放在一个json文件中;然后在vue页面中引用该json文件即可,如【import imgs from "../../static/json/img.json"】。

    vue.js添加图片的方法如下:

    (学习视频分享:php视频教程

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

    以上就是vue.js中怎么添加图片的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:vue.js 图片
    上一篇:vue.js的优势是什么 下一篇:vue.js是前端还是后端
    第14期线上培训班

    相关文章推荐

    • 如何在java窗体程序中添加图片• java web中如何添加图片• Laravel 之添加图片水印• java实现给图片添加图片水印

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网