当前位置: 首页 > news >正文

vue3传时间值,还有定义文本域最大值

一:存时间值

向后端传值:

const formData = ref({id: undefined,theme: undefined,studentId: undefined,questDate: undefined,questContent: undefined,dealDate: undefined,dealContent: undefined,finishTime:  Date,status: 0,remark: undefined
})
//需要将时间类型定义为date

finishTime:  Date,

传当前时间值

 formData.value.finishTime =Date.now();

export interface QuestionDealVO {id: number // 主键theme: string // 标题studentId: number // 学员idquestDate: Date // 发生日期questContent: string // 异议内容dealDate: Date // 处理日期dealContent: string // 处理方法finishTime: Date // 完成时间status: number // 状态(草稿:0;处理中:1;已完成:2)remark: string // 备注
}

实体类接受字段:

@Schema(description = "完成时间")@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")private LocalDateTime finishTime;

实现层:

 @Overridepublic Long createQuestionDeal(QuestionDealSaveReqVO createReqVO) {// 插入QuestionDealDO questionDeal = BeanUtils.toBean(createReqVO, QuestionDealDO.class);questionDealMapper.insert(questionDeal);// 返回return questionDeal.getId();}

postgresql定义字段:

/**
* 完成时间
*/
private LocalDateTime finishTime;

这样就可以将当前时间值存到数据库里了;

二:定义文本域最大值:

<el-row :gutter="24"><el-form-item label="备注" prop="remark" class="input-textarea"><el-inputv-model="formData.remark":rows="5"type="textarea"maxlength="200"@input="handleInput"placeholder="请输入备注(不超过200个字)"/><view class="textin">{{ currentLength }}/200</view></el-form-item></el-row>

样式:

<style>
.textin{position: absolute;bottom: 0px;right: 10px;
}
</style>

input事件:

const handleInput = ()=> {currentLength.value = formData.value.remark.length;
}

以上就可以自己定义一个文本域输入最大值了

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 客户端与服务器通讯详解(7):常见的报错与处置方式
  • 数据库之存储过程和函数
  • IOS 06 OC调用Swift第三方框架
  • 深度学习 —— 个人学习笔记17(锚框、多尺度锚框)
  • Particle Swarm Optimization粒子群算法
  • Exchange Online P1 AO Sub Add-on to Device Exchange Std 产品详细介绍
  • Ted靶机设置
  • AI浪潮下的教育革新:把握机遇,拥抱变化!
  • Qt 0814作业
  • Eureka原理与实践:深入探索微服务架构的核心组件
  • Java虚拟机:类的加载机制
  • 智慧安防/一网统管/视频监控EasyCVR视频汇聚平台的视频轻量化特点及应用
  • 随手记录第十四话 -- 在 Spring Boot 3.2.3 中使用 springdoc-openapi-starter-webmvc-ui
  • Vue项目封装请求路径
  • 【Vue-video】Video 封装组件-Copy直接用解决封装BUG
  • python3.6+scrapy+mysql 爬虫实战
  • @jsonView过滤属性
  • 【刷算法】求1+2+3+...+n
  • 10个最佳ES6特性 ES7与ES8的特性
  • CSS实用技巧
  • Date型的使用
  • go语言学习初探(一)
  • IDEA 插件开发入门教程
  • Java 23种设计模式 之单例模式 7种实现方式
  • laravel 用artisan创建自己的模板
  • npx命令介绍
  • php ci框架整合银盛支付
  • Python爬虫--- 1.3 BS4库的解析器
  • Redis的resp协议
  • springboot_database项目介绍
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 给自己的博客网站加上酷炫的初音未来音乐游戏?
  • 前端面试之闭包
  • 融云开发漫谈:你是否了解Go语言并发编程的第一要义?
  • 思考 CSS 架构
  • LevelDB 入门 —— 全面了解 LevelDB 的功能特性
  • 数据库巡检项
  • ​2020 年大前端技术趋势解读
  • ​configparser --- 配置文件解析器​
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • !$boo在php中什么意思,php前戏
  • #gStore-weekly | gStore最新版本1.0之三角形计数函数的使用
  • #Linux(Source Insight安装及工程建立)
  • (+3)1.3敏捷宣言与敏捷过程的特点
  • (21)起落架/可伸缩相机支架
  • (pojstep1.1.2)2654(直叙式模拟)
  • (笔试题)分解质因式
  • (编程语言界的丐帮 C#).NET MD5 HASH 哈希 加密 与JAVA 互通
  • (南京观海微电子)——COF介绍
  • (转)人的集合论——移山之道
  • .bat批处理(十):从路径字符串中截取盘符、文件名、后缀名等信息
  • .h头文件 .lib动态链接库文件 .dll 动态链接库
  • .net core docker部署教程和细节问题
  • .NET Standard 支持的 .NET Framework 和 .NET Core
  • .net(C#)中String.Format如何使用