小编use*_*686的帖子

Vue.js - 尝试绑定动态图像...我该怎么办?

我使用 Vue-CLI 3 和 Webpack 4 开始了一个新项目。一切正常,但由于某种原因我无法绑定图像。我的结构非常简单:

<div id="app">
   <div v-for="item in items">
      {{ item.name }}
      <img :src="'../public/images/' + item.img">
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

然后,我的项目数组。它来自我在 Vuex 中的商店。

items = [
   {
      name: 'my-name-1',
      img: 'image-1.png'
   },
   {
      name: 'my-name-2',
      img: 'image-2.png'
   },
   {
      name: 'my-name-3',
      img: 'image-3.png'
   }
]
Run Code Online (Sandbox Code Playgroud)

我一直在玩 Webpack,因为我猜问题出在那里。我改变了一些配置,我用不同的路径(./,../,~/...)进行了测试,但没有任何效果......我做错了什么?提前致谢。

javascript vue.js

4
推荐指数
1
解决办法
4840
查看次数

标签 统计

javascript ×1

vue.js ×1