Eu tenho um caso onde em minha Vue.js
com webpack
aplicativo web, eu preciso exibir imagens dinâmicas. Eu quero mostrar img
onde o nome do arquivo de imagens são armazenados em uma variável. Essa variável é uma computed
propriedade que está retornando uma Vuex
variável de armazenamento, que está sendo preenchida de forma assíncrona em beforeMount
.
<div class="col-lg-2" v-for="pic in pics">
<img v-bind:src="'../assets/' + pic + '.png'" v-bind:alt="pic">
</div>
No entanto, funciona perfeitamente quando eu apenas faço:
<img src="../assets/dog.png" alt="dog">
Meu caso é semelhante a este fiddle , mas aqui funciona com img URL, mas no meu com caminhos de arquivo reais, não funciona.
Qual deve ser a maneira correta de fazer isso?
@/assets/
+ items.image) "height =" 200px "> </v-img>` este também resolveu o problema