Vue ASP.Net Core WebApi 前后端传参

依靠json传输,属性名称要一致,但是目前我发现大小写不敏感。

再有类型要一致,要不就不传。

错误示范:

javascript 复制代码
// 分类表单
      classifyForm: {
        name: '',
        sort: 0,
        isShowNav: true,
        userId:  null,
        userName: '',
        createTime: '',
        updateTime: '',
        isDelete: false
      },

后端定义:

cs 复制代码
public class BaseEntityDto<TKey>
{
    /// <summary>
    /// 主键
    /// </summary>
    public TKey? Id { get; set; }

    /// <summary>
    /// 排序
    /// </summary>
    public int Sort { get; set; }

    /// <summary>
    /// 数据创建时间
    /// </summary>
    public DateTime CreateTime { get; set; } = DateTime.Now;

    /// <summary>
    /// 数据修改时间
    /// </summary>
    public DateTime UpdateTime { get; set; } = DateTime.Now;

    /// <summary>
    /// 创建人id
    /// </summary>
    public long? UserId { get; set; }

    /// <summary>
    /// 创建人名称
    /// </summary>
    public string? UserName { get; set; }

    /// <summary>
    /// 是否伪删除
    /// </summary>
    public bool IsDelete { get; set; }


}


public class AddClassifyDto:BaseEntityDto<long>
{
    /// <summary>
    /// 分类名称
    /// </summary>
    [StringLength(100)]
    public string Name { get; set; }

    /// <summary>
    /// 是否显示在导航栏
    /// </summary>
    public bool IsShowNav { get; set; }

}

报错信息,提示createTime不可转换为Datatime类型

修正:

要么删除js中对应的属性:

createTime: '',

updateTime: '',

要么利用js方法给这两个属性赋值,使这类属性传递到后端可以被正确转换。

相关推荐
前端若水16 分钟前
会话管理:创建、切换、删除对话历史
前端·人工智能·python·react.js
Bigger25 分钟前
mini-cc:一个轻量级 AI 编程助手的诞生
前端·ai编程·claude
涵涵(互关)39 分钟前
Naive-ui树型选择器只显示根节点
前端·ui·vue
BY组态1 小时前
Ricon组态系统最佳实践:从零开始构建物联网监控平台
前端·物联网·iot·web组态·组态
BY组态1 小时前
Ricon组态系统vs传统组态软件:为什么选择新一代Web组态平台
前端·物联网·iot·web组态·组态
SoaringHeart1 小时前
Flutter进阶:OverlayEntry 插入图层管理器 NOverlayZIndexManager
前端·flutter
放下华子我只抽RuiKe51 小时前
React 从入门到生产(四):自定义 Hook
前端·javascript·人工智能·深度学习·react.js·自然语言处理·前端框架
XinZong2 小时前
OpenClaw 实现双重心跳(Heartbeat)+ clawreach虾聊项目实现
javascript
IT_陈寒3 小时前
Redis缓存击穿把我整不会了,原来还有这手操作
前端·人工智能·后端
idcu3 小时前
深入 Lyt.js 组件系统:L2 渲染引擎层的核心
前端·typescript