一、场景描述：根据用户的登录状态来实现不同的路由跳转，这个功能之前有写到用三目运算来实现。那么这个用户状态又怎么做呢，怎么在登录期间刷新页面而不丢失用户信息？首先想到Vuex作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。二、解决思路：将用户信息更

实现效果：根据后端传来的mg_state的bool型数据来渲染开关状态，当为true时，开关打开；为false时关闭解决：状态开关属于单元格，也属于一行，如果我们拿到这一行的数据，就可以.mg_state具体值，则可以按需渲染效果。所以想到用作用域插槽来渲染状态这一列<el-table :data="userlist"border stripe><el-table-column

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档常用的几种布局方式---Flex 布局(垂直居中展示）前言一、默认使用静态布局二、flex布局1.父元素container1.1.display:flex1.2.flex-direction属性1.3.主轴与侧轴1.4.justify-content属性1.5.align-items属性1.6.flex-wrap属性2.子元素item