我已經定義了一個圖示元件,並且希望將 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粉7247375112024-04-01 13:33:55
您可以建立一個計算屬性,如下所示:
computed: { url() { return `./img/icon.svg#${this.label}`; } }