Vue路由 -- 编程式导航

Posted 2023-04-25

参考技术A         ①、router.push(location, onComplete?, onAbort?)

        ②、router.replace(location, onComplete?, onAbort?)

区别：push会向 history 添加新记录，replace不会向 history 添加新记录。下述使用push方式记录   name,path,传参得到的结果

             注意：此情况下刷新浏览器，params参数会丢失

  注意：跟在url后面的参数，刷新浏览器依旧保留

注意： Vue Router 官网解释：如果提供了 path，params 会被忽略。

注意：跟在url后面的参数，刷新浏览器依旧保留

注意：命名路由的最后一个值为动态的，且刷新浏览器params参数有值。

            适合使用在页面跳转带参数，但是又不想跟在url？后面时使用

14.前端路由router-04编程式导航

实例化Vue和router

　　

路由对象和匹配方式

　

编程式导航：

　　实现方式：点击button，激活事件，path改变，路由匹配到引入模板