getUserInfo() { self.$api.post(‘/sys/getUserInfo’).then( res => { } }) },将此方法写入一个js文件中,在页面里调用,并对返回值做操作,都在uniapp场景中
时间: 2024-09-25 08:17:13 浏览: 37
这是一个在 UniApp (基于 Vue.js 的框架) 中使用的异步请求函数,用于从服务器获取用户信息。`getUserInfo()` 方法使用了 UniApp 提供的 `$api` 对象的 `post` 方法,发送一个 POST 请求到 '/sys/getUserInfo' 接口,然后通过 `.then()` 方法处理响应结果。
当这个方法在页面上被调用时,需要先确保已经在适当的地方注入了 `$api` 对象,这通常在 App.vue 或者某个模块级别的 Vue 实例中完成。以下是调用示例和处理返回值:
```javascript
// 页面或组件内的代码
import { getUserInfo } from './your-file'; // 引入包含该方法的文件
export default {
data() {
return {
userInfo: null,
};
},
methods: {
async fetchUserInfo() { // 新建一个方法来触发请求
try {
const response = await getUserInfo(); // 使用async关键字确保异步等待
this.userInfo = response.data; // 如果response是一个包含数据的对象,将其赋值给userInfo
// 这里还可以添加错误处理代码,例如检查status码是否为成功
} catch (error) {
console.error('Error fetching user info:', error);
}
},
},
mounted() {
this.fetchUserInfo(); // 在组件挂载时立即发起请求
},
};
```
在这个例子中,你需要在页面生命周期钩子(如 `mounted`)中调用 `fetchUserInfo()` 来实际触发请求。返回的数据会被解析并存储在 `this.userInfo` 上,以便后续使用。
阅读全文