程序员书籍笔记 程序员书籍笔记
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • Vue

  • Nuxt

  • Echarts

  • Node

  • git

  • express

  • 微信小程序

  • Spring

  • 后端知识

  • Markdown

  • project

    • 黑马头条

    • 小兔鲜

      • 项目介绍
      • 项目搭建
      • 外观搭建
      • 首页主体
      • 面包屑组件封装
      • 分类模块
        • 分类模块
          • 批量注册组件
          • 基础布局搭建
          • 分类商品展示
          • 跳转细节处理
          • 二级类目展示面包屑
          • 二级类目筛选区
          • 复选框组件
          • 无限加载组件
          • 排序和筛选
      • 登录模块
    • saas中台管理项目

  • 自用文档查询

  • 框架和软件
  • project
  • 小兔鲜
yuadh
2022-05-16
目录

分类模块

# 分类模块

# 批量注册组件

importFn= require.context(根目录,是否加载子目录,加载的正则匹配)

# 基础布局搭建

# 分类商品展示

因为使用的是同一个父级路由所以分类商品的修改不会初始化组件就不会发送异步请求

# 跳转细节处理

  1. 顶级类目下跳转二级类目无法滚动到顶部({top: left:})
  2. 在顶级类目跳二级类目下可能会直接滚到二级导航的位置弹出对应的弹窗(mousemove)
  3. 根据id不同发送的请求,会在二级类目下再次发送请求 (判断在顶级类目下才发请求)

# 二级类目展示面包屑

# 二级类目筛选区

# 复选框组件

使用组合 API

# 无限加载组件

# 排序和筛选

编辑 (opens new window)
上次更新: 2023/02/07, 14:51:48
面包屑组件封装
登录模块

← 面包屑组件封装 登录模块→

Theme by Vdoing | Copyright © 2021-2023 yuadh
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×