Vue.js. Пытаюсь сделать функционал переключения изображений через radio. Но получаю ошибку Error in render: "Error: Cannot find module './'"
Всем привет, много уже перечитал про данную траблу, но ничего не смогу у себя поправить по рекомендациям. Может кто что-то подскажет.
Есть компонент, который в себя принимает реиспользуемые компоненты радио кнопок. (Не обращайте внимание на название картинок, потом исправлю =) )
<template>
<div class="collapse" id="collapseExample1">
<div class="subjects">
<div class="subjects-type">
<BaseRadio
label="Мужская"
value="image-men-t-shirt.jpg"
v-model="changeSubjects"
/>
<BaseRadio
label="Женская"
value="image-womens-t-shirt.jpg"
v-model="changeSubjects"
/>
</div>
</div>
</div>
</template>
<script>
import { BaseRadio } from '@/components/baseUi'
export default {
name: 'TypeSubjects',
components: {
BaseRadio
},
model: {
prop: 'radio'
},
props: {
radio: {
type: String
}
},
computed: {
changeSubjects: {
get () {
return this.radio
},
set (value) {
this.$emit('input', value)
}
}
}
}
</script>
Далее есть родительский компонент, он весьма большой, покажу нужный кусок.
<TypeSubjects
v-model="typeSubjects"
/>
<img :src=" require('@/assets/image/constructor/' + typeSubjects)" alt="img" width="300" height="250">
data () {
return {
typeSubjects: ''
}
}
Вот до того момента как у меня нет require, просто не показывается картинка.
Как только я поставил require, в консоль ошибка
[Vue warn]: Error in render: "Error: Cannot find module './'"
Но, картинки начинают работать по смене radio. Ровно до того момента, как я не обновлю страницу или не пере соберу проект.
Все на CLI стандартном собрано. Без v-bind картинки из этой же директории грузит отлично.
Читал что нужно пробовать без @, типо вот так. ../../ - ./../ - не работает. Потом еще куда-то в modulb пихать. Даже пробовал в папку build положить, ерунда. Пути в тулзах смотрел, все нормально кажут, ну в разметке. Но все же не показывает
В итоге руки связаны, что за зверь такой.