VUE 接口跑完成功后 才执行后面的函数 怎么实现

你可以使用 `async/await` 来实现等待接口请求完成后再执行后面的函数。具体实现步骤如下：

1. 在 Vue 组件的方法中，使用 `async` 关键字将该方法声明为异步函数。

2. 在异步函数中使用 `await` 关键字等待接口请求完成。

3. 在接口请求完成后，再执行后面的函数。

以下是示例代码：

async function myFunction() {
  // 发送接口请求
  const response = await axios.get('/api/data')
  
  // 处理接口返回数据
  // ...
  
  // 执行后面的函数
  doSomethingElse()
}

// Vue 组件中的方法
methods: {
  async handleClick() {
    await myFunction()
  }
}

在示例中，`myFunction` 是异步函数，使用了 `await` 关键字等待接口请求完成。在 Vue 组件中的 `handleClick` 方法中，调用了 `myFunction`，并使用 `await` 等待其执行完成。这样确保了接口请求完成后再执行后面的函数 `doSomethingElse`。

相关问题

VUE 接口跑完成功后 再执行后面的函数 怎么实现

你可以使用 async/await 或者 Promise 来实现接口请求成功后再执行后续的函数。具体实现方法如下：

使用 async/await:

async function fetchData() {
  const result = await fetch('your-api-url');
  const data = await result.json();
  // 接口请求成功后执行后续的逻辑
  doSomethingWithData(data);
}
fetchData();

使用 Promise:

function fetchData() {
  return fetch('your-api-url')
    .then(result => result.json())
    .then(data => {
      // 接口请求成功后执行后续的逻辑
      doSomethingWithData(data);
    });
}
fetchData();

以上两种方式都是在接口请求成功后执行后续的逻辑，你可以根据自己的具体需求来选择使用哪种方式。

VUE 调用接口成功后再执行后面的函数方法 这个如何实现

你可以在VUE组件中的方法中使用Promise或者async/await来实现。在调用接口的方法中返回Promise，在接口调用成功后resolve返回值，然后在resolve后面使用.then()方法来调用接口成功后需要执行的函数方法。

举个例子，假设你需要调用/login接口，成功后需要执行refreshToken()方法，你可以这么做：

methods: {
  login() {
    return new Promise((resolve, reject) => {
      // 调用/login接口
      axios.post('/login', {
        username: this.username,
        password: this.password
      })
      .then(response => {
        // 登录成功后执行refreshToken()方法
        this.refreshToken();
        resolve(response);
      })
      .catch(error => {
        reject(error);
      });
    });
  },
  refreshToken() {
    // 刷新token的代码
  }
}

在调用login()方法时，可以使用.then()方法来执行接口成功后的函数方法，例如：

this.login()
  .then(response => {
    // 接口调用成功后的处理
  })
  .catch(error => {
    // 接口调用失败后的处理
  });

这样就可以实现在接口调用成功后再执行后面的函数方法了。当然，这只是一种实现方式，你也可以使用其他的方式实现。