I have defined an icon component and want to append props to the href link address as part of the URL. How can this be done correctly?
In fact, I want the number of attributes href to look like this:
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>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You can create a computed property like this:
computed: { url() { return `./img/icon.svg#${this.label}`; } }