美文网首页
Vue项目-08-重点

Vue项目-08-重点

作者: 这是这时 | 来源:发表于2019-05-07 14:34 被阅读0次

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项目-08-重点

    02 侧边栏-导航组件-文档 el-menu router 点击时 path的值index值 unique-o...

  • Vue项目 重点

    Vue项目 重点 01 vue-cli创建项目结构 来到项目所希望的目录 -》打开cmd vue init we...

  • Vue项目结构分析

    Vue项目结构如下: 重点在src文件夹: assets——静态资源,如css,js components——公共...

  • webpack4 打包vue4.x项目,资源路径问题

    刚开始搞vue的项目,只是需要用elementui。 重点,打包项目后,生成dist后,发现直接访问页面,所有资源...

  • Vue学习笔记

    component组件是Vue学习的重点、重点、重点,重要的事情说三遍。所以你必须学好Vue component。...

  • 14 -vue 打包图片路径错误解决

    一、构建 VUE 项目 直接用官网的方式建立vue 项目 二、打包 VUE 项目 2.1 打包项目介绍 会在项目...

  • vue-cli

    vue init webpack 项目名称 //vue-cli2 创建项目的方式vue create 项目名...

  • 开发速记-typescript篇: vue集成

    安装nix并配置channel: 安装yarn 安装vue 创建vue项目 emacs 编辑项目 启动vue项目

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

  • 查看vue版本号和@vue/cli 版本号

    划重点!!! 查看vue版本命令:npm list vue 查看@vue/cli版本命令:vue -V

网友评论

      本文标题:Vue项目-08-重点

      本文链接:https://www.haomeiwen.com/subject/qaveoqtx.html