這篇文章主要介紹了vue.js插入圖片的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站-成都網(wǎng)站建設公司，專注網(wǎng)站設計制作、成都網(wǎng)站建設、網(wǎng)站營銷推廣，域名與空間，網(wǎng)絡空間，成都網(wǎng)站托管有關企業(yè)網(wǎng)站制作方案、改版、費用等問題，請聯(lián)系創(chuàng)新互聯(lián)建站。

vue.js圖片插入的方法：1、在data里面將圖片路徑保存好；2、函數(shù)方法里面直接去訪問圖片路徑；3、將圖片統(tǒng)一放在一個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'
          }
        ]

方法二：函數(shù)方法里面直接去訪問圖片路徑

let src = require('../../assets/homeImg/home_icon1.png');

方法三：將圖片統(tǒng)一放在一個json文件中，之后在vue頁面中引用json文件

import imgs from "../../static/json/img.json"
export default {
data () {
return {
imgList: imgs.images
}
}
}

感謝你能夠認真閱讀完這篇文章，希望小編分享vue.js插入圖片的方法內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司，，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設公司，，詳細的解決方法等著你來學習!

分享標題：vue.js插入圖片的方法-創(chuàng)新互聯(lián)
本文URL：http://weahome.cn/article/dghedh.html