如何根据nuxt中的数据或计算属性动态加载外部文件（不是组件）？

【问题标题】：How to load an external file (not a component) dynamically based on a data or a computed property in nuxt?如何根据nuxt中的数据或计算属性动态加载外部文件（不是组件）？
【发布时间】：2021-08-23 17:02:58
【问题描述】：

我必须基于数据或计算属性导入 gql 文件，但我没有找到任何合适的工作示例来执行此操作。如果您有方法，请帮助我。

例子：

    <script> 
        // if isEmployee is true import a file named isEmployee.gql else import isNotEmployee.gql
        export default {
            data(){
                isEmployee: true
            }
        } 
   <script>

【问题讨论】：

标签： javascript vue.js nuxt.js

【解决方案1】：

您可以有一个观察者，查看您的状态并触发动态导入。不确定 Apollo 是否会正确处理这个问题（反应式）。

watch: {
  async isEmployee() {
    const myGqlQuery = await import('~/apollo/queries/query.gql')
  },
},

这里是如何制作这样的东西：https://stackoverflow.com/a/67825061/8816585

【讨论】：