So fügen Sie vue.js-Bilder ein

So fügen Sie Bilder in vue.js ein: 1. Speichern Sie den Bildpfad in den Daten. 2. Greifen Sie direkt auf den Bildpfad in der Funktionsmethode zu. 3. Fügen Sie das Bild in eine JSON-Datei ein und referenzieren Sie es dann im JSON der Vue-Seite Datei.

【Empfohlene verwandte Artikel: vue.js】

vue.js Bildinsertionsmethode:

Method 1: Speichern Sie den Bildpfad in den Daten

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'
          }
        ]

method 2: Funktion direkt zugreifen der Bildpfad in der Methode

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

Methode 3: Fügen Sie die Bilder in eine JSON-Datei ein und verweisen Sie dann auf die JSON-Datei auf der Vue-Seite

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

Verwandte kostenlose Lernempfehlungen: Javascript (Video)

Das obige ist der detaillierte Inhalt vonSo fügen Sie vue.js-Bilder ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!