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

Vue未将数据绑定到图像SRC

1 个答案: