У меня есть чистая laravel структура, и мое изображение находится под:
project/resources/assets/dist/img/en/image-en.png
project/resources/assets/dist/img/fr/image-fr.png
Я хочу показать изображения из моего vue компонента в:
project/resources/assets/js/components/Templates/partials/component.vue
Что лучше возможность обрабатывать шоу-изображения в этом компоненте? Мое текущее решение:
<template>
<img src="../../../../dist/img/{{lang}}/{{lang}}image.png">
<img src="../../../../dist/img/{{lang}}/{{lang}}image2.png">
</template>
export default {
name:'example'
data: {
lang: 'en'
}
}
Как удалить ../../../../
использование из пути? и повторно использовать путь к изображению в Vue компоненте.
----- другой попробовать -----
<template>
<img :src= assetUrl+"image.png">
<img :src= assetUrl+"image2.png">
</template>
export default {
name:'example'
data: {
assetUrl:'../../../../dist/img/en/en'
}
}
, но это не работает.