vue 前后端分离自定义的状态码如何获取res.data

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

出现的问题,如上,自定义的状态码,999
如何获取自定义状态码的data及 其他的数据

 geData(a).then(res=>{
          if(res.success){
            this.$notify({ type: 'danger', message: '报名成功' });
          }else{
            this.$notify({ type: 'danger', message: res.err });
          }

        }).catch(error=>{
          //自定义状态码返回错的打印这个
          console.log(error.response.data.err)
          //  下面的是提示的组件
          this.$notify({ type: 'danger', message: error.response.data.err });
        })

好了,解决问题,得到了想要的数据
在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 3中,可以使用`ref`函数或`reactive`函数来定义一个响应式变量,以接收Promise对象返回的数据。下面是一个示例代码,演示如何定义一个变量,并将其设置为响应式的: ``` import { ref } from 'vue'; import axios from 'axios'; export default { setup() { // 创建一个ref对象,用于存储返回的数据 const data = ref(null); // 在组件挂载时执行异步操作,并更新数据 axios.get('/api/data').then((res) => { data.value = res.data; }).catch((error) => { console.error(error); }); // 返回数据对象 return { data }; }, }; ``` 在这个示例中,我们首先使用`ref`函数定义了一个名为`data`的变量,并将其设置为了`null`。接着,我们使用Axios库发起了一个GET请求,并在请求成功后将返回的数据存储到`data`变量中。需要注意的是,在使用`ref`函数定义的变量中,我们需要使用`.value`来访问变量的值。最后,我们返回了一个对象,包含了`data`变量,以供组件使用。 除了`ref`函数,我们还可以使用`reactive`函数来定义响应式变量。与`ref`函数不同的是,使用`reactive`函数定义的变量是一个JavaScript对象,可以直接访问其属性。以下是一个使用`reactive`函数定义变量的示例代码: ``` import { reactive } from 'vue'; import axios from 'axios'; export default { setup() { // 创建一个包含响应式数据的对象 const data = reactive({ list: [], total: 0, }); // 在组件挂载时执行异步操作,并更新数据 axios.get('/api/data').then((res) => { data.list = res.data.list; data.total = res.data.total; }).catch((error) => { console.error(error); }); // 返回数据对象 return { data }; }, }; ``` 在这个示例中,我们使用`reactive`函数创建了一个包含响应式数据的对象,并定义了两个属性:`list`和`total`。在异步操作成功后,我们将返回的数据赋值给了`list`和`total`属性,从而更新了数据。最后,我们返回了一个对象,包含了`data`变量,以供组件使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值