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

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

一、数据显示的前端页面

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

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

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

三、添加数据前端页面

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

四、添加数据js代码

需要注意的是:

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

页面展示

添加页面

数据添加

成功的数据显示

相关推荐
大只因bug4 小时前
基于Springboot的在线考试与学习交流平台的设计与实现
java·spring boot·后端·学习·mysql·vue·在线考试与学习交流平台系统
我有一个object18 小时前
uniapp的IOS证书申请(测试和正式环境)及UDID配置流程
javascript·ios·uni-app·vue
前端杂货铺21 小时前
简记Vue3(二)—— computed、watch、watchEffect
vue·vue3
乐闻x1 天前
Vue3中ref、toRef和toRefs之间有什么区别?
vue.js·vue
wqqqianqian1 天前
国产linux系统(银河麒麟,统信uos)使用 PageOffice 在线打开Word文件最简单集成代码
java·vue·word·在线·pageoffice·国产linux
暂时先用这个名字2 天前
vue开发的时候,目录名、文件名、函数名、变量名、数据库字段等命名规范
前端·数据库·vue.js·vue·开发·开发规范·命名规范
Tttian6222 天前
Vue中Axios和VantUI的基础使用
ajax·前端框架·npm·vue·1024程序员节
Roséa2 天前
antdesign vue 步骤条a-step按审核人员节点排序显示逻辑
前端框架·vue
aeoliancrazy3 天前
elementUI表达自定义校验,校验在v-for中
前端·elementui·vue·1024程序员节
Lysun0013 天前
error Unexpected mutation of “xxxxx“ prop
前端·vue·eslint·1024程序员节