如何将 json 数据从 URL 提取到 vuejs 或下拉列表中的表中 [关闭]

Question

关闭。 这个问题需要更加集中。 它目前不接受答案。

---

想改善这个问题吗？ 更新问题，使其仅通过编辑这篇文章来关注一个问题。

2年前关闭。

改进这个问题

我想从 url 中提取 json 数据数组，并使用它来填充表或使用 vuejs 和 axios 的下拉列表。 这是我想从中提取数据的链接。 我该怎么做呢？ https://jsonplaceholder.typicode.com/users/1/todos 。

Answer 1

在您的数据对象中添加todos_users数组：

    data () {
    return {
      loading: false,
      todos: [],
      users_todos:[]
    }

你的 axios 请求应该是这样的：

 axios
      .get('https://jsonplaceholder.typicode.com/users/1/todos?page=1')
      .then(response => {this.users_todos = response.data})
      .catch(error => console.log(error))
      .finally(() => this.loading = false)

最后是模板：

  <tr v-for="todo in users_todos" v-bind:key="todo">
            <td>{{ todo.userId }}</td>
            <td>{{ todo.id }}</td>
            <td>{{ todo.title }}</td>
            <td>{{ todo.completed }}</td>
              <td><a href="">Delete</a></td>
          </tr>

codepen