vue

考虑到不是所有人都会ts，本文中所有的代码都是以js为主 1. 环境搭建 1. 默认大家都已经搭建好vite及其相关的环境 如有疑问可查看官方文档：vite中文官方文档 2. 使用命令行快速初始化项目

登录的时候，在vuex对应的文件里面处理好数据：store------》index.jslogin.vue登录部分代码封装的Util.js

点击第一层、第二层、第三层都要显示其对应的数据（包括来回点击父子层节点，多次点击）看了很多文章都说获取父级和子级的当前节点啥的，有点麻烦，em…，直接上代码渲染出来的样子大致是这样：点击对应层级节点显

页面的大致效果就是这样的：1、点击最上面的框进行全选2、可以对每一行的数据进行单选3、将单选/全选的数据在请求后台接口的时候传给后台这里呢实际上没有用到checkbox，只是用到了element中ta

1、使用blob 方式导出2、使用xlxs方式导出使用xlxs首先要安装：npm install xlsx我把导出封装在全局的js文件中的接收2个参数：需要导出的数据，导出的文件名，这种方式是把数据生

第一个是嵌套表格的，第二张图片是带checkbox的，待复选框的我们也可以直接使用table中的api，这里就不写了嵌套子表格核心代码（用到的数据提前在data中定义好）点击查看权限后弹出嵌套子表格，

这是最初的页面样子，因为模板文件后期会改变，所以要请求接口下载并填写，没有数据的时候发放按钮是禁用的下载完成好的excel模板，数据我随便写了几个，然后我们点击上传文件，随后将数据展示到表格中（上传完

搭建项目之前先确保电脑安装了node，终端输入node-v查看1、初始化项目新建一个文件夹拖到vscode中，然后打开终端，输入npminit-y，这时候我们看见根目录下多了一个package.jso