0

我的 Vue 组件有一个方法setQuestions(questionpack)。如您所见，有一个名为questionpack.

在我的组件中，在 export default {...} 之前有几个导入，例如

<script>
   import Cars from "./../questionsCars.js";  // Content: var Cars = { questions: { ... } }
   import Bikes from "./../questionsBikes.js";
   import Trucks from "./../questionsTrucks.js";
   ...

   export default {
     ...
   }
</script>

此静态代码运行良好：

setQuestions() {
  this.questions = {
    ...Cars.questions,
    ...Cars.questionsAppendOnSingle,
  };
}

但是，如果我尝试通过变量值访问这个 Cars 对象，例如setQuestions('Cars')，它将不起作用：

setQuestions(questionpack) {
  console.log("QP: " + questionpack);  // Outputs 'Cars' as aspected
  this.questions = {
    ...eval(questionpack).questions,
    ...eval(questionpack).AppendOnSingle,
  };
}

它吐出此错误消息：

vendor.js:1108 [Vue 警告]：创建钩子时出错：“ReferenceError：未定义汽车”

这里有什么诀窍？

4

0 回答 0