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

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

一、数据显示的前端页面

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

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

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

三、添加数据前端页面

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

四、添加数据js代码

需要注意的是:

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

页面展示

添加页面

数据添加

成功的数据显示

相关推荐
小彭努力中8 小时前
192.Vue3 + OpenLayers 实战:点击地图 Feature,列表自动滚动定位
vue·webgl·openlayers·geojson·webgis
百锦再16 小时前
Vue不是万能的:前后端不分离开发的优势
前端·javascript·vue.js·前端框架·vue
BUG创建者16 小时前
openlayers上跟据经纬度画出轨迹
开发语言·javascript·vue·html
ん贤18 小时前
首屏优化实践:如何将 Vue3 + Vite 项目的加载速度提升3倍
性能优化·vue·vite
A_nanda19 小时前
一款前端PDF插件
前端·学习·pdf·vue
沐硕19 小时前
校园招聘系统
spring boot·vue·校园招聘
Lsx-codeShare2 天前
前端发版后页面白屏?一套解决用户停留旧页面问题的完整方案
前端·javascript·前端框架·vue·vite
ivwsjc2 天前
vue3 echarts地图点到点之间的飞线图
前端·javascript·vue·echarts
换日线°3 天前
3D 旋转立方体效果(摇塞子)
前端·3d·vue
路光.3 天前
uniappVue2升级Vue3内存溢出解决方式
vue·vue3·uniapp