首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用vuex store设置默认图像?

如何使用vuex store设置默认图像?
EN

Stack Overflow用户
提问于 2021-03-02 17:24:15
回答 2查看 46关注 0票数 1

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

代码语言:javascript
复制
state:{
default_image: "../assets/images/users/1.jpg"
},
getters:{
 Image:state=>state.default_image,
}

然后是App.vue

代码语言:javascript
复制
<template>
<img src=this.image alt="alt" />
</template>

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

但是它不起作用,模板看不到图像,但是如果我不使用vuex而直接将路径放入src中,一切都会正常工作。我不知道问题出在哪里

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-03-02 22:13:31

请尝试使用所需的内容:

代码语言:javascript
复制
:src="`require(${image})`"
票数 0
EN

Stack Overflow用户

发布于 2021-03-02 18:10:31

代码语言:javascript
复制
<img :src="image" alt="alt" />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66436605

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档