Définition d'accessoires dans le cadre de l'attribut href dans VueJS

Question

J'ai défini un composant d'icône et je souhaite ajouter des accessoires à l'adresse du lien href dans le cadre de l'URL. Comment cela peut-il être fait correctement ?

En fait, je veux que le nombre d'attributs href ressemble à ceci :

href="./img/icon.svg#ico_copy"

Vue.component('icon', {
  template: `
  <svg class="iconz">
  <use v-bind:href="'./img/icon.svg#'+ props.label"></use>
  </svg>`,
  props: {
    label: String,
  },
});

  <icon label="ico_copy"></icon>

Answer 1

Vous pouvez créer une propriété calculée comme celle-ci :

computed: {
  url() {
    return `./img/icon.svg#${this.label}`;
  }
}