router实现子路由

router实现子路由,第1张

基于上一篇例子,实现一个三级页面跳转

嵌套路由:children:[{},{}]

如果不挂载路由,A页面点击转向A1效果,其实没有任何反应;挂载之后,点击转向链接,页面效果会把A1组件内容显示出来,但是A组件的内容不会隐藏掉;这里转向A1,并不是像超链接之间的跳转页面,有点像平时访问网站,看子页面内容时,它的父页面内容并没有消失,比如看论坛的帖子,只是帖子内容在切换,但是它页面的模版并没有变化

<router-view>要在每个组件的父页面进行挂载,否则页面的路由转向可能会出问题,可以理解为识别不到

总结 :

通过这种子路由的方式,打开子路由的时候,它会连同父路由的内容一起显示出来

如果想做成超链接的效果,只需要把children删掉,变成平级转向

"#"号是一个特殊字符,在很多场合不被使用,所以在index.js文件添加mode:'history',开启history模式可以避免地址栏的"#"

参考资料: https://www.w3cways.com/2404.html

Vue Router中router.addRoute添加子路由的用法

新版Vue Router中用router.addRoute来替代原有的router.addRoutes来动态添加路由、子路由

在添加子路由的时候

比如原现有路由

想要在index下动态添加子路由test,特别要注意添加的子路由的path一定要把父路由的路径也带上

路由器上添加三个网段路由可以这样做:

在三个网段之间使用二台路由器连接。只需将“网段C”的地址告诉“路由器A”,并且将“网段A”的地址告诉“路由器B”,这样两台路由器就可以扩大其有效管理范围了。

设置静态路由的方法是,在充当“路由器A”的Windows 2000 Server系统的控制面板中,打开路由和远程访问,选择本地计算机中的“IP路由选择”→“静态路由”,用鼠标右键单击选择“静态路由…”进行静态路由的添加。选中对话框中的“本地连接”,

在“目标”中输入“网段C”的网络号(注意不是主机IP地址,最后一位为0),子网掩码为255.255.255.0,网关地址则是连接“网段C”的“路由器C”的IP地址,即172.168.0.1。

接着,将“路由器B”中的相关项目中的“目标”设置为“网段A”的网络号,即10.0.0.0(最后一位同样是0),网关地址为“路由器A”的IP地址(即10.0.0.1),子网掩码为255.255.255.0。但要注意的是,这样的连接方案不适合于大型网络。

路由器(Router,又称路径器)是一种计算机网络设备,它能将数据包通过一个个网络传送至目的地(选择数据的传输路径),这个过程称为路由。路由器就是连接两个以上各别网络的设备,路由工作在OSI模型的第三层——即网络层,例如网际协议(Internet Protocol,IP)层。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11618881.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存