Vue не привязка данных к изображению SRC

Question

У меня проблема с привязкой данных к атрибуту src в изображении.Это мой код, где у меня есть :src и я пытаюсь привязать к нему image.Также я напечатал this.image в created(), и он печатается хорошо.Вот код

<img class="d-block w-100" :src="image" />

    export default {
      name: 'How',
      data(){
        return{
          image: '../../assets/img/how_to_oka_6.png'
        }
      }
    }

Answer 1

Вы должны импортировать это изображение, так как оно считается модулем вроде:

<img class="d-block w-100" :src="image" />

    export default {
      name: 'How',
      data(){
        return{
          image: require('../../assets/img/how_to_oka_6.png')
        }
      }
    }