I am encountering an issue while trying to display an image in the designated location within display.vue. Even though {{ someText }} returns the correct file path (../assets/city.png), the image is not being output correctly.
Here is how my code looks:
<template>
<example :someText="'../assets/' + stamp + '.png'"></example>
</template>
<script>
import example from './example.vue'
export default {
name: "",
data() {
return {
stamp: "city"
}
},
components: [
example
]
};
</script>
The code for example.vue is as follows:
<template>
<img :src="someText" />
</template>
<script>
export default {
name: "example",
props: ["someText"]
};
</script>