# vue3+vite+elplus

**Repository Path**: sdhzwc/vue3-vite-elplus

## Basic Information

- **Project Name**: vue3+vite+elplus
- **Description**: vue3+vite+elplus+ts+自动引入的模板
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: 动态控制列,包括多级表头
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2024-09-21
- **Last Updated**: 2024-09-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Vite + element-plus

安装: yarn 或 yarn install

如果您不想启动项目,简单的效果查看(以图片形式展示)

[csnd地址](https://blog.csdn.net/yuey0809/article/details/130988035)

## 推荐的编译器与插件

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## 简介

这只是一个动态列和其控制的一个demo,可能存在BUG,大家见谅

## 核心组件

具体代码不解释,在页面有部分注释

### ProjectTable

二次封装的el-table,用于实现控制和解析ProjectColumn

### ProjectColumn

二次封装的el-table-column,用于控制默认插槽以及是否显示列

### ColumnControl

动态列的控制器

## 展示界面

views/Home.vue

views/table/index.vue