如何实现动态路由(实现动态路由的方法)

使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的,也就是说是静态路由,现在小编就来说说关于如何实现动态路由?下面内容希望能帮助到你,我们来一起看看吧!

如何实现动态路由(实现动态路由的方法)

如何实现动态路由

使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的,也就是说是静态路由。

而能传递参数的路由模式,由于可以传递参数,所以其对应的路由数量是不确定的,故称之为 动态路由。

在参数名前面加上 ,然后将参数写在路由的内,这样定义之后,就会匹配所有的,所以说这样定义的路由的数量是不确定的。

如果需要传入多个参数值,只要按照上面的命名方法来加入参数,传递在中对应的声明参数值即可,只要匹配到路由模式的定义就会自动对参数进行分解取值。

通过这个属性获取指定的参数值,如果希望在相应的组件页面内输出参数值,则在默认路由中加入如下代码。

那么,当复用组件时候,想对路由参数的变化做出响应的话,就需要在这个对象内添加对对象变化的跟踪函数。

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页