当前位置: 首页 > news >正文

Vue项目的记录(七)

"面包屑"的操作

一、分类面包屑

在Search中的index.vue里 通过查看searchParams.categoryName是否有该种类来判断是否显示该面包屑词条
在这里插入图片描述在这里插入图片描述

函数优化 (地址栏保留搜索框中的params参数)
在这里插入图片描述

二、关键字面包屑

涉及到兄弟组件的通信:使用全局事件总线,因为删除词条时,搜索框的搜索词也需要清空
在这里插入图片描述
search中的index.vue
在这里插入图片描述
Header中的index.vue
在这里插入图片描述

三、品牌面包屑

涉及到父子组件的通信: 组件自定义事件

SearchSelector.vue
在这里插入图片描述
接受SearchSelector传过来的数据
在这里插入图片描述
品牌的面包屑
在这里插入图片描述
search中的index.vue
在这里插入图片描述

四、平台售卖属性面包屑

SearchSelector.vue
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
search中的index.vue
在这里插入图片描述
在这里插入图片描述

相关文章:

  • 【云原生 • Kubernetes】集群资源监控概述、监控平台的搭建
  • SpringCloud Stream基本使用
  • 没有CANdela,无法编辑cdd数据库文件,也能轻松完成诊断测试,立省大二十个w
  • 【Linux】基本指令 (下篇)
  • 博途PLC的模糊PID(Matlab “fuzzy“工具箱使用介绍)
  • 【Vue 开发实战】实战篇 # 45:如何构建可交互的组件文档让代码高亮的显示在页面
  • m分别通过matlab和FPGA实现基于高阶循环谱的信号载波调制识别(四阶循环累量)仿真(包括仿真录像,matlab工程,fpga工程)
  • 前端知识体系
  • html5 图像标签
  • Python02--python中的缩进,注释和模块
  • STM32CUBEIDE(14)----外部中断EXTI
  • 项目管理PMP要点
  • Element-UI+vue实现登录表单
  • vmware安装centos7并制作多副本
  • hbase加kerberos 后报错hbase master 起不来
  • [LeetCode] Wiggle Sort
  • 【comparator, comparable】小总结
  • 11111111
  • GDB 调试 Mysql 实战(三)优先队列排序算法中的行记录长度统计是怎么来的(上)...
  • Redis中的lru算法实现
  • SAP云平台里Global Account和Sub Account的关系
  • Spring Cloud中负载均衡器概览
  • 彻底搞懂浏览器Event-loop
  • 从0到1:PostCSS 插件开发最佳实践
  • 从PHP迁移至Golang - 基础篇
  • 从输入URL到页面加载发生了什么
  • 规范化安全开发 KOA 手脚架
  • 跨域
  • 力扣(LeetCode)357
  • 利用jquery编写加法运算验证码
  • 如何进阶一名有竞争力的程序员?
  • 如何邀请好友注册您的网站(模拟百度网盘)
  • 删除表内多余的重复数据
  • 深入浅出webpack学习(1)--核心概念
  • 王永庆:技术创新改变教育未来
  • 新版博客前端前瞻
  • 用mpvue开发微信小程序
  • Spark2.4.0源码分析之WorldCount 默认shuffling并行度为200(九) ...
  • # 20155222 2016-2017-2 《Java程序设计》第5周学习总结
  • #Linux(帮助手册)
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • #设计模式#4.6 Flyweight(享元) 对象结构型模式
  • $GOPATH/go.mod exists but should not goland
  • (09)Hive——CTE 公共表达式
  • (二)springcloud实战之config配置中心
  • (附源码)springboot助农电商系统 毕业设计 081919
  • (官网安装) 基于CentOS 7安装MangoDB和MangoDB Shell
  • (四) Graphivz 颜色选择
  • (一)python发送HTTP 请求的两种方式(get和post )
  • (转)详解PHP处理密码的几种方式
  • (转)一些感悟
  • (转)重识new
  • ../depcomp: line 571: exec: g++: not found
  • .aanva
  • .gitignore文件设置了忽略但不生效