vue传参------params和data的区别

最新推荐文章于 2025-01-20 16:17:17 发布

励志工程师

最新推荐文章于 2025-01-20 16:17:17 发布

阅读量1.8k

点赞数 3

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_44099797/article/details/121186207

版权

Vue 专栏收录该内容

1 篇文章

订阅专栏

本文解析了Vue中axios中params与data的使用场景：params用于GET请求的URL参数，data用于POST请求的请求体。通过实例说明了两者在不同场景下的应用和展示方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue传参------params和data的区别

在Vue中使用axios时，注意到配置选项中包含params和data两者，以为他们是相同的，其实他们之间的差别还是挺大的。
因为params是添加到url的请求字符串中的，用于get请求。

而data是添加到请求体（body）中的，用于post请求。

export default {
  getPageList(page, limit, searchObj) {
    return request({
      url: `/admin/core/userInfo/list/${page}/${limit}`,
      method: 'get',
      params: searchObj
      //searchObj 对象中封装了page,limit，还有mobile
    })
  }
}