In vue, the v-for loop traverses the picture without displaying the wrong solution

The vue local image path is correct, but the for loop does not display

<div v-for="(item,index) in img">
 	<img :src="item.imc" width="80" height="80"></img>
</div>



img:[{imc:'./ww.png'},{name:'./imc.png'}],

After looking at the code path, it is also correct, and a single one can be displayed, but the picture cannot be displayed after the for loop

Finally, it is found that the single display is different from the image path displayed by the for loop

 After correction and adding require(), it can be displayed

<div v-for="(item,index) in img">
 <img :src="item.imc" width="80" height="80"></img>
 </div>


img:[{imc:require('./ww.png')},{imc:require('./ww.png')}],

Guess you like

Origin blog.csdn.net/m0_70547044/article/details/130124933