Vue.js Vue：将methodA的值传递给methodB

我试图将类列表的值输入到我的uScore中，但它给了我一个错误。 如何将方法

displayClasslists

的值传递给

uScore

 methods: {
    displayClasslists() {
      this.$Progress.start();
      axios
        .get("/api/labview/" + this.$route.params.placeName)
        .then(({ data }) => this.$Progress.finish((this.classlists = data)));
    },
    uScore: function() {
      const elements = this.classlists.map(e => e.id);
      console.log(elements);
    }
  },

这就是我得到的：

[Vue warn]：挂载钩子中的错误：“TypeError:this.classlists.map不是函数”

这是我的json类列表

---

以下是一些建议：

因为

uScore

不接受任何参数，它只依赖于

classlist

，所以它可能是一个

您当前的

uScore

实现没有返回任何内容

您应该将

类列表

初始化为空数组以避免错误

导出默认值{
数据（）{
返回{classlist:[]}；
},
计算：{
uScore（）{
返回这个.classlist.map（e=>e.id）；
},
},
方法：{
displayClasslists（）{
这是。$Progress.start（）；
get（`/api/labview/${this.$route.params.placeName}`）。然后（{data}）=>{
this.classlist=数据；
这是。$Progress.finish（）；
});
},
},
};

以下是一些建议：

因为

uScore

不接受任何参数，它只依赖于

classlist

，所以它可能是一个

您当前的

uScore

实现没有返回任何内容

您应该将

类列表

初始化为空数组以避免错误

导出默认值{
数据（）{
返回{classlist:[]}；
},
计算：{
uScore（）{
返回这个.classlist.map（e=>e.id）；
},
},
方法：{
displayClasslists（）{
这是。$Progress.start（）；
get（`/api/labview/${this.$route.params.placeName}`）。然后（{data}）=>{
this.classlist=数据；
这是。$Progress.finish（）；
});
},
},
};

谢谢。这很有效。在我的另一个代码中，我使用的是单击按钮。这就是为什么我把我的uScore插入我的MethodsHanks。这很有效。在我的另一个代码中，我使用的是单击按钮。这就是为什么我在我的方法中插入了uScore