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" />&nbsp; &nbsp; export default {&nbsp; &nbsp; &nbsp; name: 'How',&nbsp; &nbsp; &nbsp; data(){&nbsp; &nbsp; &nbsp; &nbsp; return{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; image: require('../../assets/img/how_to_oka_6.png')&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }