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属性
//在模板里又可以进行操作