Vue项目-08-重点

02 侧边栏-导航组件-文档

el-menu

  1. router 点击时 path的值index值
  2. unique-opened 控制是否只有一个子菜单

el-submenu 子菜单

03 首页-进入首页的权限验证

必须先登录,才显示home,

04 首页-头部-退出功能

05 首页-合并分支-新建用户分支

git checkout -b dev-users  
git checkout master  //切换到主分支
git merge    //合并分支

06 用户管理-用户列表-新建组件-路由配置

嵌套路由

提供单独的d

users.vue 是在home .uve

07 用户管理-用户列表-搜索-按钮

el-card 带默认样式div

el-row 行 ; el-col 列

08 用户管理- 用户列表-引入表格组件

el-table 表格data绑定数据

el-talbe-column 控制的是列

  1. label 控制的是当前列的表头
  2. prop控制的是当前列单元格的数据,prop的值来源于外层data绑定的数据 tableData数组中对象的key名

09-用户管理-

10 用户管理-用户列表-用户文档

接口说明,需要授权API 》除了登录接口,其他页面接口都需要API授权,也就是设置头部

11-用户管理-用户列表-渲染数据-一般数据

单元格的数据有2个不同情况

  1. 直接prop 属性的值
  2. 单元格内容不是prop的值

12 用户管理-用户列表-渲染数据-日期格式处理

  1. 给单元格外层加template
  2. 设置template 的属性 slot-scope=‘scope’
  3. 在单元格

13 用户管理- 用户列表-渲染数据-开关

14 用户管理- 用户列表-渲染数据-操作

15 用户管理- 用户列表-分页功能-分页

16 用户管理- 用户列表-分页功能-

17 用户管理- 用户列表-分页功能-分页请求

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,455评论 0 29
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,795评论 1 32
  • VUE介绍 Vue的特点构建用户界面,只关注View层简单易学,简洁、轻量、快速渐进式框架 框架VS库库,是一封装...
    多多酱_DuoDuo_阅读 7,668评论 1 17
  • 翻译自“Collection View Programming Guide for iOS” 0 关于iOS集合视...
    lakerszhy阅读 9,317评论 1 22
  • 主要还是自己看的,所有内容来自官方文档。 介绍 Vue.js 是什么 Vue (读音 /vjuː/,类似于 vie...
    Leonzai阅读 8,654评论 0 25