当前位置: 首页>编程语言>正文

vue3+vite+typescript后台管理系统

gitee仓库地址

vue3+vite+typescript后台管理系统,第1张
QQ截图20220212171642.png

Introduction

vue3-vite-ts-admin 主要用于后台管理系统的快速搭建。

  • 目前版本是使用的vite打包,后续也会出webpake的打包版本。
  • js版本也会陆续做出

表格列实现自定义,显示隐藏交换位置。

基于el-table组件进行二次封装为tableColumn,el-table上的api依旧可以在tableColumn上使用。使用方式完全和el-table-column上一样。

示例:/views/table/index


vue3+vite+typescript后台管理系统,第2张
xees2-pa48f.gif

预览编辑页面组件

基于el-input、el-time-picker二次封装的组件,鼠标移上去显示可以编辑的图标。离开后显示编辑后的数据。可以自由添加表单的校验规则,未通过校验显示红色报警,保持编辑状态。
目前实现input time-picker等组件的封装,后续会全部实现。原理和input类似。

示例:/views/table/editPreview


vue3+vite+typescript后台管理系统,第3张
ohxd0-7hj1v.gif

https://www.xamrdz.com/lan/5fg1997575.html

相关文章: