vue-router
就是21
就是21
展开
-
Vue3-Router4 七.重定向-别名
路由重定向-别名原创 2023-06-25 00:36:08 · 217 阅读 · 0 评论 -
Vue3-Router4 五.嵌套路由
一些应用程序的 UI 由多层嵌套的组件组成。这样就可以实现关于H5页面去展示底部跳转数据,对应路由页面显示。因此,你可以根据自己的需要,不断地嵌套视图。TIPS:不要忘记写router-view。配置只是另一个路由数组,就像。原创 2023-06-24 23:59:43 · 242 阅读 · 0 评论 -
Vue-router 三.历史记录
1.通过routerlink replace2.编程式导航进行处理,将push转为replace3.针对历史记录去处理的JS逻辑原创 2023-06-24 14:31:11 · 1172 阅读 · 1 评论 -
Vue-router 四.路由传参
编程式导航 使用 router push 或者 replace 的时候 改为对象形式新增 query 必须传入一个对象,会将 query 对象展示在 路由路径(url) 上在地址中显示的传递的参数数据:使用 useRoute 的 query将参数进行取:编程式导航 使用 router push 或者 replace 的时候 改为对象形式并且只能使用 name,path 无效,然后传入 params地址栏并没有任何信息接受参数使用 useRoute 的 params注意:这里会有一个问题,用pa原创 2023-06-24 21:42:42 · 1600 阅读 · 1 评论 -
Vue-router 二.命名路由四种方式
第二种方式:1.字符串的跳转方式2.传一个对象(方便路由进行传参)3.命名式原创 2023-06-24 14:10:41 · 200 阅读 · 0 评论 -
Vue-router(一.路由模式)
v2 mode history v3 :createWebHistoryvue2 mode hash vue3 createWebHashHistoryvue2 mode abstact vue3 createMemoryHistorylocation.hash去匹配 :路径 //location.hash = ‘/路径’监听浏览器左右箭头原理:通过window.addEventListener(‘hashchange’,(event)=>console.log(event))去监听左右箭原创 2023-06-24 13:47:08 · 119 阅读 · 0 评论