在VueJS中將props設定為href屬性的一部分
P粉653045807
P粉653045807 2024-03-31 18:49:48
0
1
354

我已經定義了一個圖示元件,並且希望將 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粉653045807
P粉653045807

全部回覆(1)
P粉724737511

您可以建立一個計算屬性,如下所示:

computed: {
  url() {
    return `./img/icon.svg#${this.label}`;
  }
}
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!