2021-03-03《vue+element 电商后台管理项目 Day3》

vue+element 电商后台管理项目 Day3

• 生命周期函数
  1.created 页面一创建就渲染数据，调用getmenulist函数
  2.在方法中请求左侧列表数据，将请求的数据保存到data域里
  3.左侧菜单先只绘制一个，通过双层for循环来渲染菜单和子菜单

• 路由嵌套
  1 在当前页面上放一个路由占位符
  通过路由嵌套可以先显示home页面，再显示welcome页面
  
  侧边栏路由链接的改造
  :index：’/‘+’users‘
  

• 左侧侧边栏高亮效果的保持
  1 需求:点击谁谁获得高亮效果，并且在刷新的时候高亮效果不消失。
  2 步骤：先将 index值存入sessionstroage中，当页面刷新的时候取出来给变量赋值

• 栅格布局

• 1.：gutter :列与列之间的间隙

获取列表数据
1 发起网络请求
2 传递请求参数 get请求的请求参数放在params:{}对象里

const{data:res}=this.$http.get('请求路径',{params：this.获取用户列表参数对象})

3 将网络上的数据放入本地的data数据域里

数据元绑定到table
1 :data 绑定数据 :prop接收数据元
2 索引列 type=index
3 作用域插槽

<template slot-scope="scope">
{{scope.row}}//本行的数据
</template>
//同时指定作用域插槽和prop属性，作用域插槽会覆盖prop属性
//在模板里又可以进行操作