В моем собственном встроенном компоненте svg я пытаюсь отобразить содержимое файла svg.Тем не менее, все, что я получаю, это название файла SVG, а не его содержимое.
Почему и как это исправить?
<template>
<span class="svg-inline" :class="`svg-inline-${name}`" v-html="url"></span>
</template>
<script>
export default {
props: {
name: {
type: String,
default: ''
}
},
computed: {
url () {
return require(`~/assets/svg/${this.name}.svg`)
}
}
}
</script>
Я использую этот компонент следующим образом:
<svg-inline name="wmc_text" />