vue电商项目学习记录
wonderfilled
这个作者很懒,什么都没留下…
展开
-
2021-03-21《vue+element 电商后台管理项目 Day6》
用户管理模块的功能代码查看与梳理(User.vue)请求用户数据列表1 根据文档自定义需要的参数2 发起ajax网络请求3 一般情况下定义多个数组去存放数据4 数据列表一般在生命周期函数里直接调用绘制搜索框和添加用户按钮1 行跟列组件渲染用户列表的渲染1 表格与请求下来的数据数组关联2 通过prop指定每一列的数据3 对于需要有样式的列用作用域插槽来绑定分页效果当页码值和每页数据条数发生改变时,需要分别将函数的回调参数重新赋值给将要发起请求的参数,然后发起请求就实现原创 2021-03-23 17:48:34 · 91 阅读 · 0 评论 -
2021-03-08《vue+element 电商后台管理项目 Day5》
vue+element 电商后台管理项目p52 23.添加用户-渲染添加用户的对话框1.需要定义一个布尔值控制对话框的显示与隐藏2 取消和确定按钮都要使addDialogVisible=flase3 dialog 里面分内容主体区和底部区域p53 24.添加用户-渲染添加用户的表单1 表单常见结构:el-form>el-form-item>el-input2 :model 绑定表单数据对象 :rules 绑定表单验证规则对象prop 绑定数据验证规则对象里的每一个属性名原创 2021-03-08 17:56:08 · 135 阅读 · 0 评论 -
2021-03-05《vue+element 电商后台管理项目 Day4》
vue+element 电商后台管理项目 Day4数据的分页形式效果pagination 分页@size-change= 切换页面条数时触发 :每页有几条数据@current-change= 页码值发生切换就触发实现逻辑 当页面条数发生改变时触发函数,把最新的条数赋值给queryInfo里的pagesize,然后重新渲染页面效果:当切换每页有多少数据时,页面显示多少数据条数,当切换显示到第几页时,页面也跳转修改用户的状态(未解决)拼接参数,拼接单引号变成模板字符串更新状态失败原创 2021-03-08 15:08:26 · 134 阅读 · 0 评论 -
2021-03-03《vue+element 电商后台管理项目 Day3》
vue+element 电商后台管理项目 Day3生命周期函数1.created 页面一创建就渲染数据,调用getmenulist函数2.在方法中请求左侧列表数据,将请求的数据保存到data域里3.左侧菜单先只绘制一个,通过双层for循环来渲染菜单和子菜单路由嵌套1 在当前页面上放一个路由占位符通过路由嵌套可以先显示home页面,再显示welcome页面侧边栏路由链接的改造:index:’/‘+’users‘左侧侧边栏高亮效果的保持1 需求:点击谁谁获得高亮效果,并且在原创 2021-03-04 17:18:01 · 114 阅读 · 1 评论 -
2021-03-03《vue+element 电商后台管理项目 Day2》
vue+element 电商后台管理项目 Day2登录成功后操作sessionStorage 会话期间的存储机制:一旦窗口或标签页被永久关闭了,那么所有通过它存储的数据也就被清空了.保存token值以及进行页面跳转window.sessionStorage.setItem('token',res.data.token)this,$router.push('/home')...原创 2021-03-03 22:41:39 · 122 阅读 · 2 评论 -
2021-03-01《 vue+element 电商后台管理项目 Day1》
vue+element 电商后台管理项目 Day1scoped 单文件组件加上防止样式冲突业务流程 :1 访问 app.vue 自动 redirect 到 login.vue2 导入 global.css 全局style body,html.#app 的height 设置为 100% 并且清空 默认的 margin padding3 利用absolute position 使盒子居中(相对于body偏移)4 relative 相对于自己的当前位置 偏移5 avatar 头像 border-原创 2021-03-03 21:20:23 · 112 阅读 · 0 评论