Vue remplit dynamiquement le fichier SVG en couleur

Question

Je crée une application de clonage Twitter en utilisant VueJS3. J'ai enregistré le logo de Twitter sous forme de fichier .svg et je peux l'utiliser avec la balise . Lorsque je donne à la balise avec les classes fill-white, bg-whit

P粉005105443 · Answer

const app = Vue.createApp({
  data() {
    return {
      colors: ['#8A2BE2', 'rgb(255,255,0)', '#008000'],
    };
  },
})
app.component('myImg', {
  template: `
    
  `,
  props: ['color']
})
app.mount('#demo')

P粉258788831 · Answer

Vous pouvez créer des composants à partir de fichiers SVG et lier le remplissage aux accessoires :

const app = Vue.createApp({
  data() {
    return {
      colors: ['#8A2BE2', 'rgb(255,255,0)', '#008000'],
    };
  },
})
app.component('myImg', {
  template: `
    
  `,
  props: ['color']
})
app.mount('#demo')