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!