zoukankan      html  css  js  c++  java
  • 4-9 路由 URL 和参数(1)



    首页这里点击不同的导航栏,它是首页模块的子路由。





    这里有可能是从服务器,取回来的菜单。这样我们没有办法直接写在路由列表里了。

    可以通过定义变量的形式

    冒号id就是一个变量名

    例如这里切换的是hot。那么hot就是这个变量值


    这是路径参数,看起来是路径的一部分

    开始改造代码

    创建一个组件Home-detail

    导出这个组件

    导出这个home-detail


    开始写路由

    当子路由。定义变量叫做tabLink

    这样写有个问题是home后面必须要根一个参数,如果没有参数就会导致空的情况。我们不希望它为空,希望它有一个默认值。

    默认的就是热门,子路由也是分顺序的。进来什么都没有的话,就重定向到hot


    改造一下,加上router-outlet

    刚才改造的代码放在home-detail中

    再把ts的变量也复制过来







     

    结束



     

  • 相关阅读:
    细菌(disease)
    素数路(prime)
    母亲的牛奶(milk)
    Counting Islands II
    Popular Products
    Binary Watch
    BZOJ 1822[JSOI2010]Frozen Nova 冷冻波
    尝试一下LLJ大佬的理论AC大法
    BZOJ 3626 [LNOI2014]LCA
    BZOJ 3319 黑白树
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/13568713.html
Copyright © 2011-2022 走看看