4-9 路由 URL 和参数(1)
首页这里点击不同的导航栏,它是首页模块的子路由。
4-9 路由 URL 和参数(1)
这里有可能是从服务器,取回来的菜单。这样我们没有办法直接写在路由列表里了。
4-9 路由 URL 和参数(1)
可以通过定义变量的形式
4-9 路由 URL 和参数(1)
冒号id就是一个变量名
4-9 路由 URL 和参数(1)
例如这里切换的是hot。那么hot就是这个变量值
4-9 路由 URL 和参数(1)

这是路径参数,看起来是路径的一部分
4-9 路由 URL 和参数(1)

创建一个组件Home-detail
4-9 路由 URL 和参数(1)
导出这个组件
4-9 路由 URL 和参数(1)
导出这个home-detail
4-9 路由 URL 和参数(1)

开始写路由

当子路由。定义变量叫做tabLink
4-9 路由 URL 和参数(1)
这样写有个问题是home后面必须要根一个参数,如果没有参数就会导致空的情况。我们不希望它为空,希望它有一个默认值。
4-9 路由 URL 和参数(1)
默认的就是热门,子路由也是分顺序的。进来什么都没有的话,就重定向到hot
4-9 路由 URL 和参数(1)
改造一下,加上router-outlet
4-9 路由 URL 和参数(1)
刚才改造的代码放在home-detail中
4-9 路由 URL 和参数(1)
再把ts的变量也复制过来
4-9 路由 URL 和参数(1)
 

结束



 

相关文章:

  • 2021-04-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-27
  • 2021-12-10
  • 2022-12-23
猜你喜欢
  • 2021-11-06
  • 2021-06-19
  • 2022-12-23
  • 2021-12-09
  • 2022-12-23
  • 2021-06-09
相关资源
相似解决方案