在我的 Vue3 视图中，我需要使用动态路径导入 json，因为 json 文件名取决于浏览器 url。例如，domain.com/canada 使用 ..canada.j\xcc\x81son，domain.com/use 使用 ..usa.json，而在这两种情况下都使用相同的视图文件。
\n我已经成功导入了 json 并可以在导入函数中使用它。但是我到底如何从导入函数中获取 json 以便我可以在模板中使用它呢？请参阅下面代码中的注释。这是views/test.vue
\n <template>\n <div class="card">\n <h1>{{ IWantContentFromJsonHere }}</h1>\n </div>\n </template>\n \n <script>\n import { computed } from "vue";\n import { useRoute } from "vue-router";\n \n export default {\n name: "Test",\n\n //Value for this is coming from router/index.js\n props: ["jsonLocation"], \n\n //Here I tried to set a variable outside the import scope\n //but it is not working. See comments below\n let var1 = "original value"; …