Vue没有将数据绑定到图像src

Question

我在将数据绑定到图像中的src 属性时遇到问题。这是我的代码，我有:src 并试图将image 绑定到它。我还在created() 中打印了this.image，并且打印效果很好。这是代码

<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')
        }
      }
    }