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!