Javascript 如何通过循环使用vuex中的img src

我想通过在div中循环从vuex调用图像源
我是说像这样

<div v-for="({image}, index) in allData" :key="index">
  <img src="this.image" alt="this.index"/>
</div>

<script>
  import {mapState} from 'vuex';
  export default{
    computed: {
      ...mapState([
        'allData'
      ])
    }
  }
</script>

这是state.js

import data from './data'
export default {data};

这是index.js

import Vue from 'vue'
import Vuex from 'vuex'

import state from './state'

Vue.use(Vuex)

export default new Vuex.Store({state})

---

谢谢

绑定属性时缺少双引号。请记住，对于本地图像，您需要将它们放入文件夹

public/assets

，然后您可以将URL更改为

assets/your image name.jpg

。有关Vue.JS中静态资产的更多信息，请参见

从“vuex”导入{mapState}；
导出默认值{
计算：{
…映射状态（['allData']）
}
}

请共享vuex商店代码的相关部分我想您需要

：src=“image”

和

：alt=“index”

。把一个

：

放在前面，去掉

这个

。你好，我试过了，但还是不起作用，但不是错误，它只显示alt文本，没有图片。检查开发工具中的元素，看看

src

的值是多少。谢谢你，federico dondi，我将尝试跟随链接谢谢federico dondi，它解决了，我的问题在data.js中，我必须使用bindHappy来提供帮助。

import Vue from 'vue'
import Vuex from 'vuex'

import state from './state'

Vue.use(Vuex)

export default new Vuex.Store({state})

<template>
   <div v-for="({ image }, index) in allData" :key="index">
      <img 
         :src="image" 
         :alt="index"
      />
   </div>
</template>

<script>
import { mapState } from 'vuex';

export default {
   computed: {
      ...mapState(['allData'])
   }
}
</script>