router-link的用法

@路由@router-link有两种用法（个人想法，如理解有误请大佬指正）
如下home和cart页面同一级
1.跳转同一级的路由页面，相当于a标签直接跳到新页面，无需router-view占位符

 <router-link to="/home" tag="button">跳转同一级home的页面</router-link><router-link to="/cart" tag="button">跳转同一级cart的页面</router-link>

2.在上一级中显示下一级路由（children），不跳新页面，需占位符，类似微信开发中的@uniSegmentedControl分段器

        <div><router-link to="/home/new1" tag="button">我是home页面中的new1内容</router-link><router-link to="/home/new2" tag="button">我是home页面中的new2内容</router-link></div><router-view></router-view> //占位符

router-link的用法相关推荐

vue新版router.addRoute基础用法
vue新版router.addRoute基础用法新版Vue Router中用router.addRoute来替代原有的router.addRoutes来动态添加路由.子路由在添加子路由的时候比如 ...
cl.exe link.exe用法详解
转: cl.exe link.exe用法详解 CL.exe 是控制 Microsoft C 和 C++ 编译器与链接器的 32 位工具.编译器产生通用对象文件格式 (COFF) 对象 (.obj) 文 ...
router link to
转载自:https://www.cnblogs.com/yangchin9/p/11005187.html 一.标签路由 router-link 注意:router-link中链接如果是'/'开始就是 ...
router.beforeEach方法用法
router.beforeEach是Vue Router提供的一个全局前置守卫,它允许您在导航发生之前执行一些逻辑.它可以用来进行路由权限控制.路由拦截.页面统计等操作. router.beforeE ...
React简介及基础用法
1.React简介 1.1.React概述 React 是用于构建用户界面的 javascript 库,具有声明式.组件化等特点. 1.2.MVC和MVVM模式 MVC(Model-View-Cont ...
React Router 学习
本次使用react-router 版本为 5.0.1 本教程前提是你的应用程序是一个web应用程序,使用'react-router-dom'包来实现页面的路由在React router中有三种类型的 ...
js基础和部分用法整理
实现垂直水平居中的方式定位 + margin position: absolute;/* 父节点要定位 */ top: 0; bottom: 0; left: 0; right: 0; margin ...
‘Link‘ is not exported from ‘react-router‘
出现这样的报错: 前面已经安装了 react-router 解决办法: 安装react-router-dom:cnpm i react-router-dom -D import { BrowserRo ...
LSA类型讲解——LSA-1【1类LSA——Router LSA】详解
目录一.LSA-1: (1)--简介: (2)--头部信息: (3)--数据部分: (4)--图解: (5)-- 案列(根据LSA-1画出拓扑图): 一.LSA-1: (1)--简介: 路由器LSA ...
使用React Router v4的嵌套路由
React Router v4 introduced a new declarative, component based approach to routing. With that approac ...

router-link的用法

router-link的用法相关推荐

最新文章

热门文章