vue3完整Demo(数据绑定,数据显示,数据修改,数据提交)

需要引入的的依赖:jquery(用于异步请求)

一、数据显示的前端页面

条件查询数据并显示,下拉框使用的model双向绑定

二、js代码(list页面的数据请求)

后端传来的时间数据需要转换可以使用new Intl.DateTimeFormat('zh-CN', options);转换一下

三、添加数据前端页面

input标签使用model属性进行绑定,提交时才可以把数据给后端进行处理

四、添加数据js代码

需要注意的是:

如果和我一样使用的组合式API风格就需要再调用变量时加上.value ,不然无法调用值

页面展示

添加页面

数据添加

成功的数据显示

相关推荐
XiaoMu_0017 小时前
【Django + Pure Admin】基于Django+Vue3的前后端分离管理系统框架设计
django·vue
爱学大树锯10 小时前
【Ruoyi 解密 - 08. 前端探秘1】------ 从“交互原理”到“开发逻辑”,后端也能看懂的前端实战指南
前端·elementui·vue
今天不要写bug21 小时前
antv x6实现封装拖拽流程图配置(适用于工单流程、审批流程应用场景)
前端·typescript·vue·流程图
叫我阿柒啊1 天前
Java全栈开发面试实战:从基础到复杂场景的深度解析
java·数据库·spring boot·面试·vue·测试·全栈开发
菜鸟很沉1 天前
Vue3音频组件开发与使用指南
javascript·vue·音频组件
天籁晴空2 天前
vscode 配置 + androidStudio配置
vscode·uni-app·vue
lumi.3 天前
2.3零基础玩转uni-app轮播图:从入门到精通 (咸虾米总结)
java·开发语言·前端·vue.js·微信小程序·uni-app·vue
未来之窗软件服务4 天前
浏览器开发CEFSharp+X86+win7(十三)之Vue架构自动化——仙盟创梦IDE
架构·自动化·vue·浏览器开发·仙盟创梦ide·东方仙盟
lingliang4 天前
使用 JS 渲染页面并导出为PDF 常见问题与修复
javascript·pdf·vue
22:30Plane-Moon7 天前
项目1总结其三(图片上传功能)
ide·spring boot·vue