Comment insérer des images vue.js

Méthode d'insertion d'image Vue.js : 1. Enregistrez le chemin de l'image dans les données ; 2. Accédez directement au chemin de l'image dans la méthode de fonction ; 3. Mettez les images dans un fichier json, puis les fichiers json sont référencé dans la page vue.

[Recommandations d'articles connexes : vue.js]

insertion d'image vue.js Méthode :

Méthode 1 : Enregistrer le chemin de l'image dans les données

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

Méthode 2 : Accéder directement au chemin de l'image dans la méthode fonction

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

Méthode 3 : Unifiez les images dans un fichier json, puis référencez le fichier json dans la page vue

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

Recommandations d'apprentissage gratuites associées : javascript (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!