• 智能AI问答!更聪明、更完整、原创作!
  • 一款基于GPT的超级AI机器人,可以回答问题、聊天、创作、写文案!

vue.js 如何拿到 userinfo信息 接口地址是url: '/user/getInfo' ,请写出详细代码

发布于 2023-06-16 13:03:50

好的,以下是在Vue.js中如何获取userinfo信息的详细代码。

首先,需要安装axios库:

npm install axios

在Vue.js文件中引入axios库:

import axios from 'axios';

在需要获取userinfo信息的组件的methods属性下,添加方法getInfo:

export default {
  data() {
    return {
      userinfo: {}
    }
  },
  methods: {
    getInfo() {
      axios.get('/user/getInfo')
        .then(response => {
          this.userinfo = response.data;
        })
        .catch(error => {
          console.log(error);
        });
    }
  }
}

在Vue.js模板中,可以通过插值语法{{}}将userinfo信息展示出来:

<template>
  <div>
    <p>User Name: {{userinfo.name}}</p>
    <p>User Age: {{userinfo.age}}</p>
  </div>
</template>

需要注意的是,以上代码只是示范,如果userinfo信息不是通过axios.get('/user/getInfo')接口获取的,而是通过store、props或其他方式传递的,获取userinfo信息的代码也会有所不同。

那么,以上就是在Vue.js中如何拿到userinfo信息的详细代码,希望对你有所帮助。

0 条评论

发布
问题

在线
客服