搜索

首页  >  问答  >  正文

在VueJS中将props设置为href属性的一部分

我已经定义了一个图标组件,并且希望将 props 作为 URL 的一部分附加到 href 链接地址。如何才能正确完成此操作?

事实上,我希望属性 href 的数量看起来像这样:

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粉653045807P粉653045807268 天前466

全部回复(1)我来回复

  • P粉724737511

    P粉7247375112024-04-01 13:33:55

    您可以创建一个计算属性,如下所示:

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

    回复
    0
  • 取消回复