Festlegen von Requisiten als Teil des href-Attributs in VueJS

Question

Ich habe eine Symbolkomponente definiert und möchte Requisiten als Teil der URL an die href-Linkadresse anhängen. Wie kann das richtig gemacht werden?

Tatsächlich möchte ich, dass die Anzahl der Attribute href so aussieht:

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

您可以创建一个计算属性，如下所示：

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