您现在的位置是:首页 > Javascript
当前栏目
$router.push({name:component})与$router.push(‘pathName’)的小区别
2023-03-31 11:01:04 时间
$router.push({name:component})与$router.push(‘pathName’)的小区别:前者 不能 复用组件的可能性大一些
思路:
来回切换组 检测hash值,当点击 热点 之后切换到 相应的 搜索结果列表 组件
回来的时候,点击 搜索框的 小 x 清空内容 并 返回到默认子路由
处理返回有两种方式:
- 监测搜索框内容为 ‘’则 使用 $router.push({name:component})
- 或者 监测搜索框内容为 ‘’则 使用$router.push(‘pathName’)
视频展示:
视频中,第一次用的pathName这种方式;
第二次和第三次用的{name:component}这种方式,其中第二次有缓存,所以出现的效果和第一次一样,所有以有了第三次
综上所述,
切换回 默认子路由的时候 需要使用 $ router.push(‘pathName’)这种方式,因为这种方式更友善一些。
相关文章
- Web安全测试必须注意的五个方面
- 《Angular从零到一》导读
- Clojure世界:XML处理
- Ambari 架构(一)Ambari 介绍
- Markdown+Pandoc→HTML幻灯片速成
- 《Flink官方文档》Batch Examples(二)
- 《Spring Boot官方文档》18. 使用 @SpringBootApplication注解
- Spring Boot 集成 FreeMarker 详解案例
- 《Spring Boot官方文档》16. 自动配置
- 《OSGI官方指南》首页
- 《Log4j 2官方文档》 Configuration Syntax
- 当前最火的web开发技术
- 《HttpClient官方文档》2.1 连接持久性-2.2 HTTP连接路由
- 用户浏览体验度为什么能够决定网站的成败?!
- 《Spring Boot官方指南》28.3 -28.4
- Spring Boot 整合 Elasticsearch,实现 function score query 权重分查询
- 《Spring Boot官方指南》28.安全
- 2014年12月最棒的 15 个 JavaScript 库
- 《Spring Boot官方指南》-30.1 redis
- 《HttpClient官方文档》1.5 异常处理