vue中methods中的axios如何调用其他methods方法

在Vue中，methods选项是用来定义组件中的方法的。在methods中调用axios并非特殊情况，可以像调用其他方法一样调用。如果想在axios请求成功后调用其他methods方法，可以在axios请求的回调函数中调用相应的方法。

例如，有一个组件中定义了两个methods方法：getUser和showUser。在getUser方法中使用axios请求用户数据，请求成功后调用showUser方法来展示数据。代码如下：

<template>
  <div>
    <button @click="getUser">获取用户数据</button>
    <div v-if="user">
      <h2>{{ user.name }}</h2>
      <p>{{ user.email }}</p>
    </div>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  name: 'user',
  data() {
    return {
      user: null
    }
  },
  methods: {
    getUser() {
      axios.get('/api/user')
        .then((response) => {
          this.user = response.data
          this.showUser()
        })
        .catch((error) => {
          console.error(error)
        })
    },
    showUser() {
      console.log(this.user)
    }
  }
}
</script>

在getUser方法中，首先调用axios get请求获取用户数据，请求成功时将response.data赋值给组件的user属性，并调用showUser方法来展示数据。在showUser方法中，打印出user属性。

总结来说，在Vue中使用axios需要使用promise来处理异步请求。因此，可以在axios请求成功的then回调函数中调用其他methods方法。在回调函数中，可以通过this关键字来访问组件中的其他属性和方法。