Ich habe eine Symbolkomponente definiert und möchte Requisiten als Teil der URL an die href-Linkadresse anhängen. Wie kann das richtig gemacht werden?
Tatsächlich möchte ich, dass die Anzahl der Attribute href so aussieht:
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>
您可以创建一个计算属性，如下所示：
computed: { url() { return `./img/icon.svg#${this.label}`; } }