vuerouter清空路由,vue中的路由跳转

　　本文主要介绍了三种清除vue路由跳路由器历史的方法——link，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

路由跳转router-link清除历史记录

　　1.谈到vue项目中的路由跳转，我们首先想到的是router-link标签和这个。$router.push函数。

　　路由器链接和这个。\$router.push的实现原理相同。当你点击路由器链接，这。$router.push在内部调用。

　　2.this.\$router.push这个方法会在历史堆栈中添加一条新记录，所以当用户点击浏览器后退按钮时，会回到上一个URL。

　　那在我们使用路由跳转的时候如何去掉历史记录呢？

　　1.使用路由器链接标签时删除历史记录：添加替换属性。

　　router-link to=/project _ selection replace class= BTN _无 tag= a 项目列表/router-link

　　2.使用时删除历史记录。\$router.push标签:添加replace属性，默认值为false。

　　这个。$ router . push({ path:/project _ selection ，replace:true})

　　3.使用时删除历史记录。\$router.replace标记

　　这个。$ router . replace({ path:/project _ selection })

　　所有内容来自官网：vue路由核心插件。

　　一般来说，vue路由跳转使用push，

　　这个。$router.push({

　　路径：“/testTeam/testTeam”，

　　});

　　如果是特殊要求，跳转后页面不会被记录在历史中，改推替换即可。

　　这个。$ router . replace({ path:/project _ selection })

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。