Javascript 使用来自其他对象VueJs的数据

Javascript 使用来自其他对象VueJs的数据,javascript,vue.js,Javascript,Vue.js,我这里有个简短的问题 我的目标有价值: data() { return { nation: { CZ: require("../../../../../svg/czech-flag.svg"), } }; }, 然后拥有API对象(API运行良好,仅供参考) 我想这样做(当然不行): 您可以使用类似于国家[`${doctor.region}`] 工作代码: const数据={ 国家:{ 捷克语:“捷克语” }

我这里有个简短的问题

我的目标有价值:

  data() {
    return {
      nation: {
        CZ: require("../../../../../svg/czech-flag.svg"),
      }
    };
  },
然后拥有API对象(API运行良好,仅供参考)

我想这样做(当然不行):


您可以使用类似于
国家[`${doctor.region}`]

工作代码:

const数据={
国家:{
捷克语:“捷克语”
}
}
康斯特医生={
地区:'CZ'
}
console.log(data.nations[`${doctor.region}`]

您可以使用
@/
来访问
src/
目录,而不是所有的
。/../../../
。您的代码将变得更加清晰。感谢您的建议-在这个项目中,我不知道为什么,仍然不存在vue配置文件,所以它还不能工作。但是我会用的,谢谢!完美的解决方案,谢谢
  doctor: {
    region: "CZ"
  }
<div v-html="nation.doctor.region></div>