Dynamic 未在vue.js中加载图像

我试图通过创建一个基本方法在我的vue.js项目中动态生成图像：

  methods: {
    changeLang(la
    getImg(image, ext) {
      return '~@/assets/images/' + image + '.' + ext;
    },
      ...

每个组件将动态生成其图像：

data () {
    return {
      cat:'frenchcat',
      ...

下一行应该标识方法、图像和日期，并将其转换为图像URL

<img v-bind:src="getImg(cat, 'svg')" v-bind:alt=cat>

但出于某种原因，源代码只返回：

<img data-v-61dd7a3d src="~@/assets/images/frenchcat.svg" alt="frenchcat"/>

---

为什么未将

~@/assets/

转换为URL路径？

您需要将

require

与

v-bind:src一起使用：

getImg(image, ext) {
      return require(`~@/assets/images/${image}.${ext}`);
}

不确定是否需要
~
之前使用
@
。
我在./node\u modules/babel loader/lib！中获得了
*~@/assets/images/node_modules/vue loader/lib/selector.js？type=script&index=0/src/components/Header.vue
错误