思路就是：我们通过vue的监听功能来监听复选框的变化，当复选框发生了变化的时候，我们看对应复选框的选中和未选中的值。选中的为true让对应的列显示、隐藏的为false让对应的列隐藏。当然因为vue是数据的双向绑定的，所以我们就让对应的列的隐藏和表格的隐藏一一对应即可。根据项目需要，需要可以动态控制表格列的显示与隐藏，如下图，复选框选中状态下为显示，为选中状态下为隐藏。

分析需求之后可以使用vue配置多页面，通常我们使用vue制作的都是单页面因公用，运用vue中page就可以实现这个功能。多页面的话，是两个不同的项目，合并到一起，所以创建了admin和member两个文件夹，文件夹下面对应了每个页面的。简而言之，就是在不配置路由的情况下，输入admin和membe会进入管理端页面和会员端页面，先说下项目需求，地址栏中更换，不同地址进入页面不同，类似路由，以下为两个

我期望实现是这样的效果，点击资料设置 ，右侧会显示资料设置页面，点击修改密码 ，右侧会显示修改密码页面。在日常开发中，通常实现页面跳转是通过路由实现的，那么不利用路由能否实现这个功能呢？这样就可以实现不使用路由，切换页面了。合理运用v-if完美实现。

src目录下新建 api 文夹并新建 index.js 文件。main.js中使用。

vue后台管理项目经常会遇到表单中上传图片的需求，我们运用element中的upload就可以实现这个功能，效果如下。在使用upload之前建议大家去读一边upload的文档，知道每个属性都是干什么的，到这里就完成了图片上传的操作了。先看下后端给的接口文档。

思路就是：我们通过vue的监听功能来监听复选框的变化，当复选框发生了变化的时候，我们看对应复选框的选中和未选中的值。选中的为true让对应的列显示、隐藏的为false让对应的列隐藏。当然因为vue是数据的双向绑定的，所以我们就让对应的列的隐藏和表格的隐藏一一对应即可。根据项目需要，需要可以动态控制表格列的显示与隐藏，如下图，复选框选中状态下为显示，为选中状态下为隐藏。