Menetapkan prop sebagai sebahagian daripada atribut href dalam VueJS

Question

Saya telah menentukan komponen ikon dan ingin menambahkan prop pada alamat pautan href sebagai sebahagian daripada URL. Bagaimanakah ini boleh dilakukan dengan betul?

Malah, saya mahu bilangan atribut href kelihatan seperti ini:

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

Anda boleh mencipta harta yang dikira seperti ini:

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