vue3用require动态导入图片报错

来源：5-26 List 组件 - 渲染真实数据

b_jack

2022-10-26

computed: {
    getRankingBg() {
      if (this.ranking <= 3) {
        return require(`@/static/images/ranking-${this.ranking}.png`)
      }
      return require('@/static/images/ranking-other.png')
    }
  }

图片描述
请问vue3该如何重写上面的代码

写回答

1回答

Sunday

2022-10-26

你好

如果使用 composition API 的话，那么可以这样做：

import {computed} from 'vue'

const getRankingBg = computed(() => { if (this.ranking <= 3) { return require(`@/static/images/ranking-${this.ranking}.png`) } return require('@/static/images/ranking-other.png')})

uni-app从入门到进阶系统完成项目实战

专门为小程序0基础学员而设，让你拥有能上线的作品

1105 学习 · 743 问题

查看课程

相似问题

最新版uniapp使用vue3通过require引入图片报错

回答 1

动态引入图片报错

回答 1

require图片引入报错并且不展示是为什么老师？

回答 1

想了解一下，为什么使用require

回答 1

老师这里引入图片为什么用require呢？

回答 1

打开慕课网App查看更多内容