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

        }

      }

    }