How to use this.$router.push () to redirect pages in vue

This article mainly introduces how to use this.$router.push () to achieve the jump page in vue, which has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

This.$router.push () 1. No parameter this.$router.push ('/ home') this.$router.push ({name:'home'}) this.$router.push ({path:'/home'}) 2. Query passes parameter this.$router.push ({name:'home',query: {id:'123456'}}) this.$router.push ({path:'/home') Query: {id:'123456'}}) / / html fetch parameter $route.query.id script fetch this.$route.query.id 3. Params pass parameter this.$router.push ({name:'home',params: {id:'123456'}}) / / can only be configured with name// route path: "/ home/:id" or path: "/ home:id", / / do not configure path, the first request, refresh page id will disappear / / configure path Refresh page id will retain / / html fetch parameter $route.params.id script fetch parameter this.$route.params.id 4. Query and params difference query similar to get, after the jump page url will be stitched parameters, similar to? id=123456, non-important can be passed this way, password or use params refresh page id is also similar to post in params, after the jump page url will not stitch parameters, but the refresh page id will disappear. Thank you for reading this article carefully. I hope the article "how to use this.$router.push () to achieve Jump Page in vue" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!