我已经定义了一个图标组件，并且希望将 props 作为 URL 的一部分附加到 href 链接地址。如何才能正确完成此操作？
事实上，我希望属性 href 的数量看起来像这样：
href="./img/icon.svg#ico_copy"
1
805Vue.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>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
您可以创建一个计算属性，如下所示：
computed: { url() { return `./img/icon.svg#${this.label}`; } }