Vue项目03 电商系统 用户列表

🌰

BUG
左侧栏
本身就是卡顿一下，然后点击样式不一样
排查原因三目表达式那个width前未加冒号
激活状态显示高亮
按钮添加一个点击事件传递当前的path名，记录在token内
在显示区用的是饿了么UI的组件的属性:default-active=’activePath’读取path名
activePath在data中定义
绘制用户列表的基本UI结构
绘制卡片时
那个卡片无法正确出现在下方
我使用了绝对定位解决
获取用户列表数据
*总体使用el-table是、来绘制显示用户信息区
用法：给大table嵌套数据源 小table-column使用prop=’’
实际上给大table绑定一个对象，小table-column是成员
是服务器返回的
作用域插槽
可以切换显示/隐藏，并且可以通过传值来动态改变内容

<template slot-scope="scope">
    <el-table-column label="状态" prop="mg_state">
          <template slot-scope="scope">
            <el-switch v-model="scope.row.mg_state"></el-switch>
          </template>
    </el-table-column>
</template> 

请留意：Switch也需要按需导入,作用域插槽会覆盖prop属性

操作区域第三个按钮效果提示
当鼠标放在第三个按钮上，上方出现弹窗，当鼠标移出，弹窗自动消失则与要改enterable

<el-tooltip
              
              effect="dark"
              content="分配角色"
              placement="top"
              :enterable="false"
            >
              <el-button
                type="warning"
                icon="el-icon-setting"
                size="mini"
              ></el-button>
            </el-tooltip>