vue3+vite+typescript后台管理系统

gitee仓库地址

QQ截图20220212171642.png

Introduction

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

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

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

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

示例:/views/table/index


xees2-pa48f.gif

预览编辑页面组件

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

示例:/views/table/editPreview


ohxd0-7hj1v.gif

你可能感兴趣的:(vue3+vite+typescript后台管理系统)