Vue params和data传参的介绍

  • Post author:
  • Post category:vue



目录


一、 params


params使用条件:


结果:


二、 data


data使用条件


结果:


三、参数的传递(模板字符串/字符串拼接)


一、 params


params使用条件:

1、get形式的传参

2、传的是一个对象


结果:

它会把你参数的内容 最后分散到你地址栏后面的问号


http://localhost:8888/user/list/1?name=liming


  getChapterVideoByCourseId2(courseObject) {
    return request({
      url: `/eduservice/chapter/getChapterVideo/`,
      method: 'get',
      params: {courseObject}
    });
  },

二、 data

data使用条件

1、前端请求的方式是 post

2、后端的HTTP请求为 @PostMapping,后端的参数上面要写 @RequestBody

3、前端传的是一个对象

结果:

data表示把对象转换成json进行传递到接口里面去

三、参数的传递(模板字符串/字符串拼接)


  getChapterVideoByCourseId(courseId) {
    return request({
        url: `/eduservice/chapter/getChapterVideo/${courseId}`,
        method: 'get'
    });
  },

 getChapterVideoByCourseId3(courseId) {
    return request({
      url: `/eduservice/chapter/getChapterVideo/`+ courseId,
      method: 'get'
    });
  },



版权声明:本文为qq_45763504原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。