无法在Vue.js

Question

如何使用此代码获取返回值。

axios.get('/task')
    .then(response => {
        this.tasks = response.data.tasks;
        return this.tasks;
});

可以使用此代码或任何其他方式来检索值。我无法使用return返回值。

提前致谢。

Answer 1

我建议你阅读Vue的主要概念，例如数据反应系统：https://vuejs.org/v2/guide/reactivity.html

通过设置本地状态（this.tasks = response.data.tasks;），视图元素会自动响应数据更改并相应地进行渲染。

例如，如果你有一堆应该渲染的任务，你可以这样：

<template>
  <div class="tasks">
    <div v-for="task in tasks" class="task">{{ task }}<div>
  </div>
</template>

每当HTTP请求完成并设置this.tasks = response.data.tasks时，所有任务都会自动呈现。回答你的问题：请求完成后确实没有必要返回。

Answer 2

你试过这样的吗？

let base = this;
axios.get('/task')
    .then(response => {
        base.tasks = response.data.tasks;
        return base.tasks;
});