I have a case where in my Vue.js with webpack web app, I need to display dynamic images. I want to show img where file name of images are stored in a variable. That variable is a computedproperty which is returning a Vuex store variable, which is being populated asynchronously on beforeMount.
<divclass="col-lg-2"v-for="pic in pics"><imgv-bind:src="'../assets/' + pic + '.png'"v-bind:alt="pic"></div>
However it works perfectly when I just do:
<imgsrc="../assets/dog.png"alt="dog">
My case is similar to this fiddle, but here it works with img URL, but in mine with actual file paths, it does not work.