goSearch(event){//event.target:获取到的是发出事件的元素(div,h3,a,em,dt,dl)let node=event.target;//给 a 标签添加自定义属性data-categoryName,全部的子标签钟只有 a 标签带有自定义属性,别的标签名字--dataset纯属扯淡let {categoryName,category1id,category2id,category3id}=node.dataset;//点击的到底是不是 a 标签(只要这个标签身上带有categoryName)一定是 a 标签//当前这个if 语句:一定是a 标签才会进入if(categoryname){let location={name:'search'};let query={categoryName:categoryname};if(category1id){query.category1id=category1id}else if(category2id){query.category2id=category2id}else{query.category3id=category3id}//判断:如果路由跳转的时候,带有 params 参数,一起稍带过去if(this.$route.params){location.params=this.$route.params;location.query=query;this.$router.push(location)}}
}//首页组件的跳转方法goSearch(){//代表的是 如果有 query 参数也带过去if(this.$route.query){let location={name:"search",params:{keyword:this.keyword||undefined}};location.query=this.$route.query;this.$router.push(location)}
}

电商网站 首页三级分类的分类检索 vue前端关键代码相关推荐

  1. java实现商品的分类_电商网站首页商品分类列表功能实现

    首先我们看下这个功能实现的效果: 后期理解补充: 其实这个功能的关键点就是分析这个模块的数据格式怎么样的? 对于这种商品列表展示的功能: 我们思路如下: 第一:开始展示的都是顶级列表,即parentI ...

  2. 前端基础 - 案例二:酱品购电商网站首页(精简版)

    酱品购电商网页–精简版 HTML : <!DOCTYPE html> <html lang="en"><head><meta charse ...

  3. 软件工程专业电商网站毕业论文答辩实录(基于SSM+VUE前后端分离的 “依伴汉服”网)

  4. Python Web前端实战案例——电商网站商品菜单导航栏

    jQuery是一个快速.小巧.轻量级的.写的少.做的多.功能丰富的 JavaScript 库,是目前最流行的 JS 框架.利用它可以帮我们快速实现一些炫酷的效果. 目录 1 原理先知 2 思路概要 3 ...

  5. 浅谈电商网站开发中用户会话管理机制的设计和实现原理

    笔者由于工作需要,最近对国内外两款知名的电商网站的用户会话管理(User Session Management) 的实现机制做了一些调研,这里把我学习到的一些知识分享给各位同行,希望起到抛砖引玉的作用 ...

  6. 项目案例——电商网站

    初学程序结构写的一个简单网站,使用了大量的循环语句,代码重复较多,因此参考度不大. 下面是完整代码: """ 用户登录的电商网站 """ # ...

  7. 2019年B2B电商网站开发重点功能全解析!

    目前,不少制造企业都将B2B电商网站视为其数字化转型过程中必不可少的关键资产.我们在上篇文章中提及78%的B2B跨国企业均已开始涉猎在线销售,且绝大多数未进行数字化电商的企业,都计划在2019年投入到 ...

  8. jquery实现电商网站分类导航菜单

    一.HTML部分 <!DOCTYPE html> <html lang="zh"> <head> <meta charset=" ...

  9. C++ 代码模拟登录淘宝、天猫、支付宝等电商网站的实现 分类: C/C++ 随笔杂文 2015-01-26 11:17 3787人阅读 评论(9) 收藏 举报 有关C++ 代码模拟登录淘宝、天猫、支

    C++ 代码模拟登录淘宝.天猫.支付宝等电商网站的实现 http://blog.csdn.net/rrrfff/article/details/43149993 有关C++ 代码模拟登录淘宝.天猫.支 ...

最新文章

  1. 一个简单的synchronized多线程问题、梳理与思考
  2. HDU1007 查找平面最近点对
  3. import,export的支持[nodejs]
  4. vc mysql 图片_VC连接MySQL
  5. 关于PS插件Nik Collection不兼容cc2021闪退的解决方法
  6. SwipeRefreshLayout下拉刷新
  7. Android线程,线程池使用及原理博文参考
  8. 【w3cschool】python3语法复习
  9. 我笑了一天的签名。。。
  10. 方法级别的java日志输出控制(一)
  11. 分享一个我做的记账系统(网站)
  12. TD通过artnet控制电脑灯的操作
  13. 联想微型计算机如果进入BIos,联想笔记本各机型如何进入bios
  14. 基于Spring+SpringMVC+Mybatis开发房屋租赁系统
  15. Espresso指南一(Espresso下载、安装、设置、基础、速查表)
  16. 关于最近word模板以及word转pdf的总结
  17. PageHelper分页插件上的PageInfo使用
  18. 微型计算机的型号是奔四800,第1章 微型计算机基础知识
  19. html微信网页字体被放大问题
  20. 试简介视频编码技术?——知乎大神神回答

热门文章

  1. DS18B20的程序中小数decT = (decT*10) / 16理解
  2. 微信小程序城市范围画线
  3. vue开发微信公众号之文件下载
  4. 日立电梯与保利发展再签新一轮集采协议
  5. 监测现场实时数据上传到中移物联网OneNet云平台
  6. 读书软件源码,实现书籍阅读的其他功能
  7. 资本寒意渐浓:科技行业估值修正在所难免
  8. UDS入门至精通系列:Service 22
  9. 【springboot+vue项目学习】3引入element-ui插件
  10. 能够sqlload到ORACLE的全国区号