如何使用 vuex 商店设置默认图像？

Question

我想在 vuex 中为用户设置默认图像。这是我的 vuex 商店

state:{
default_image: "../assets/images/users/1.jpg"
},
getters:{
 Image:state=>state.default_image,
}

然后App.vue

<template>
<img src=this.image alt="alt" />
</template>

<script>
import {mapGetters} from 'vuex'
export default {
      ...mapGetters({
                image:'Image',
            }),
}

但它不起作用，模板看不到图像，但是如果我不使用 vuex 将路径直接放在 src 中，一切正常。无法弄清楚问题是什么

Answer 1

<img :src="image" alt="alt" />

Answer 2

请按要求尝试：

:src="`require(${image})`"

如何使用 vuex 商店设置默认图像？

How to set default image using vuex store?

image

vue.js

vuex