Vue与.net Core 接收List<T>泛型参数

 更新时间:2022年04月20日 12:06:49   作者:小5聊基础  
这篇文章主要介绍了Vue与.net Core 接收List<T>泛型参数,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
  • Vue Element-ui axios-post请求,axios默认请求提的Content-Type为application/json
  • .net core后端接收参数有List<T>泛型参数,如何才能正确接收呢

1、不能接收到的情况

  • 前端参数值
/*请求参数值*/
var data=[]
data.push({
  id:1,
  name:'aaa'
})
data.push({
  id:2,
  name:'bbb'
})
data.push({
  id:3,
  name:'ccc'
})
  •  后端代码
[HttpPost]
public JsonResult Data(List<entity> list)
{
    return Json(new { c = 200, m = "test" });
}
public class entity
{
    public int id { get; set; }
    public string name { get; set; }
}

2、 能接收到的情况

  • 前端参数值
/*请求参数值*/
var data={
    length:0,
    list:[]
}
var list=[]
list.push({
  id:1,
  name:'aaa'
})
list.push({
  id:2,
  name:'bbb'
})
list.push({
  id:3,
  name:'ccc'
})
data.length=list.lenght
data.list=list
  •  后端代码
[HttpPost]
public JsonResult Data(entity entity)
{
    return Json(new { c = 200, m = "test" });
}
public class entity
{
    public int length { get; set; }
    public List<model> list { get; set; }
}
public class model
{
    public int id { get; set; }
    public string name { get; set; }
}

到此这篇关于Vue与.net Core 接收List<T>泛型参数的文章就介绍到这了,更多相关接收List<T>泛型参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue2和elementUI 实现落日余晖登录页和滑块校验功能

    vue2和elementUI 实现落日余晖登录页和滑块校验功能

    这篇文章主要介绍了vue2和elementUI打造落日余晖登录页和滑块校验,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • vue项目中使用多选框的实例代码

    vue项目中使用多选框的实例代码

    这篇文章主要介绍了vue项目中使用多选框的实例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07
  • vue项目实现文件下载进度条功能

    vue项目实现文件下载进度条功能

    这篇文章主要介绍了vue项目实现文件下载进度条功能,本文通过具体实现代码给大家介绍的非常详细,需要的朋友可以参考下
    2021-09-09
  • 解决vue prop传值default属性如何使用,为何不生效的问题

    解决vue prop传值default属性如何使用,为何不生效的问题

    这篇文章主要介绍了解决vue prop传值default属性如何使用,为何不生效的问题。具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • vue中使用scrollTo无效的解决方法

    vue中使用scrollTo无效的解决方法

    本文主要介绍了vue中使用scrollTo无效的解决方法,想要使用scrollTo使当前网页滚动到指定位置,本文就来解决一下,具有一定的 参考价值,感兴趣的可以了解一下
    2023-08-08
  • vue打包后出现空白页的原因及解决方式详解

    vue打包后出现空白页的原因及解决方式详解

    在项目中很多时候需要用到vue打包成html不需要放在服务器上就能浏览,根据官网打包出来的html直接打开是显示空白,下面这篇文章主要给大家介绍了关于vue打包后出现空白页的原因及解决方式的相关资料,需要的朋友可以参考下
    2022-07-07
  • Vue图片放大镜组件的封装使用详解

    Vue图片放大镜组件的封装使用详解

    这篇文章主要为大家详细介绍了Vue图片放大镜组件的封装,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Vue3+Element-Plus 实现点击左侧菜单时显示不同内容组件展示在Main区域功能

    Vue3+Element-Plus 实现点击左侧菜单时显示不同内容组件展示在Main区域功能

    这篇文章主要介绍了Vue3+Element-Plus 实现点击左侧菜单时显示不同内容组件展示在Main区域功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-01-01
  • Vue+Websocket简单实现聊天功能

    Vue+Websocket简单实现聊天功能

    这篇文章主要为大家详细介绍了Vue+Websocket简单实现聊天功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Vue实现前后端完全分离的项目实战

    Vue实现前后端完全分离的项目实战

    本文主要介绍了Vue实现前后端完全分离的项目实战,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08

最新评论