Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查

文章目录

      • 1.效果图预览
      • 2.列表的实现
      • 3.数据新增、修改及附件上传的实现
      • 4.详情界面的实现

说明:之前用Vue2+ElementUI|iView用的那是相当的爽,写法和之前做移动的用的Ionic很是类似,最近新开了一个项目,用的Vue3+TS+Antd那真是一把辛酸一把泪,完全摸索+找规律+瞎蒙,开发了一个模块之后终于有所得,以此篇文章记录。

1.效果图预览

老规矩先上效果图

列表
Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查_第1张图片

新增
Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查_第2张图片

附件上传
Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查_第3张图片

修改
Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查_第4张图片

你可能感兴趣的:(Vue,vue3,antd,ts,vben-admin)