小编Nig*_*ght的帖子

找不到等待 vue.js 异步函数的方法

当我取消注释下面的“return”时,我有以下代码可以工作fetchData。我该如何设置才能等待this.fetchData完成填充项目?我尝试过其他承诺的变体,异步,等待,但无法让它实际工作......

到目前为止,我设置了一个this.items内部fetchData,但我意识到这绝对不是我真正想要做的。它显示了我的调用的前 X 行,因为这样设置,但是调用后应该发生的所有代码都会出现fetchData错误,从尝试执行items.length.

import axios from 'axios';

new Vue({
    el: '#app',
    data() {
        return {
            search: '',
            totalItems: 0,
            items: [],
            loading: true,
            pagination: {},
            headers: [ //some headers
            ],
            items: []
        }
    },
    watch: {
      pagination: {
        handler () {
          this.getDataFromApi()
            .then(data => {
              this.items = data.items
              this.totalItems = data.total
            })
        },
        deep: true
      }
    },
    mounted () {
      this.getDataFromApi()
        .then(data => {
          this.items = data.items …
Run Code Online (Sandbox Code Playgroud)

javascript asynchronous vue.js

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

asynchronous ×1

javascript ×1

vue.js ×1