vue路由跳轉傳遞數據方法


1.使用$router.push 拼接參數傳參

this.$router.push('/editCardetail?editType=add')

2、 使用name來確定匹配的路由,通過params來傳遞參數

this.$router.push({
			          name: 'login',
			          params: {
			            editType: add
			          }
			        })

3、使用path來匹配路由,然后通過query來傳遞參數

this.$router.push({
			         path: '/login',
			          query: {
			            editType: add
			          }
			        })

  

注意path不能與params一起使用,需要通過path來匹配路由的時候,使用query來傳參。
query要用path來引入,params要用name來引入,接收參數都是類似的,分別是this.route.query.name和this. route.query.name和this.route.query.name和this.route.params.name。
query更加類似於我們ajax中get傳參,params則類似於post,前者在瀏覽器地址欄中顯示參數,后者則不顯示

在路由里面寫法是:

, {
      path: '/login',
      name: 'login',
      component: () => import('@/views/Login.vue'),
    }, 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM