为什么vue中的代码 showstu(id){ axios.get("http://127.0.0.1:3000/stu/showstu?id="+id) .then(function (res) { this.detail=res.data.det }.bind(this)) },得不到返回值

在Vue中，`this`的上下文指向的是Vue实例，而在axios的回调函数中，`this`的上下文已经改变了，指向了回调函数本身。因此，你需要使用一个箭头函数来绑定`this`的上下文，以便在回调函数中可以访问到Vue实例的属性和方法。

修改代码如下：

showstu(id){
  axios.get("http://127.0.0.1:3000/stu/showstu?id="+id)
  .then((res) => {
    this.detail = res.data.det
  })
},

使用箭头函数绑定`this`的上下文，使得在回调函数中可以访问到Vue实例的属性`detail`。

另外，确保服务端能够正确响应请求，并返回正确的数据。

相关问题

handleStart() { // ... // 这里进行对轨 axios.get('http://127.0.0.1:8000/main') this.$router.push('/play') this.dialogVisible = false }解释这段代码

这是一个Vue.js组件中的方法，其作用是在用户点击某个按钮时进行一些操作。具体来说，该方法首先调用 axios 库向本地主机发送GET请求，请求地址为 "http://127.0.0.1:8000/main"。接着，该方法使用Vue.js路由器实例($router)将用户重定向到 "/play" 页面。最后，将该组件中的对话框(dialogVisible)设为隐藏状态。整个操作的目的是在用户点击按钮后，向本地主机发送请求，然后跳转到游戏页面，并隐藏对话框。

import axios from "axios"; axios.defaults.baseUrl ='http://192.168.2.103:9099/xs' Vue.prototype.$http = axios帮我理解这段代码

这段代码主要是在Vue项目中使用了axios库，将请求的默认base URL设置为'http://192.168.2.103:9099/xs'，并将axios库挂载到Vue的原型上，以便在整个项目中使用。

具体来说，axios是一个基于Promise的HTTP库，它可以用于浏览器和Node.js环境中的AJAX请求。在Vue项目中，我们可以使用axios来发送HTTP请求，获取后端数据，并将其展示在前端页面上。

在这段代码中，我们将axios的默认base URL设置为'http://192.168.2.103:9099/xs'，这意味着我们发送的所有HTTP请求都将以该URL为基础路径。例如，如果我们发送一个GET请求，URL为'/user'，则实际的请求URL将变为'http://192.168.2.103:9099/xs/user'。

最后，我们将axios库挂载到Vue的原型上，这意味着我们可以在组件中使用this.$http来访问axios库的各种方法，例如get、post、put等等。这样在整个项目中，我们就可以方便地使用axios来发送HTTP请求了。