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

用v-if获取当前行的status的值，scope.row表示获取当前行。这个状态值status有1和2两个值分别对应启用与不启用两个选项。在日常开发中，后端大哥做好数据之后，给前端就OK了。解决这个问题有很多方式，今天以状态为例，浅讲下。其中产品名称，分类，状态后端给的都是id。作为小白看到后端大哥给的id有些头大，干。利用v-if 与 v-else。提前给status的值赋上名字。这是我要实现

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

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

其实我们只需要在弹窗el-dialog上面@close="handleClose（这个随便起）"，然后在再methods中写上就好了。其实有两种方法一个是element组件中关于form表单中有这个清空的方法，第二个就是我接下来写的方法。关闭弹窗再次打开，还有刚刚输入的值，那么是不是就应该写个关闭弹窗时候的方法让他清空这个表单。我编辑之后点了确定，可是再次打卡这个弹窗时还是有我刚刚输入的数据。

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

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

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