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>

P粉724737511 · Answer

Anda boleh mencipta harta yang dikira seperti ini:

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