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

【问题标题】：How to set default image using vuex store?如何使用 vuex 商店设置默认图像？
【发布时间】：2021-05-31 19:58:13
【问题描述】：

我想在 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',
            }),
}

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

【问题讨论】：

标签： image vue.js vuex

【解决方案1】：

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

【讨论】：

还是看不到图片

【解决方案2】：

请尝试所需的：

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

【讨论】：