router-link传递和接受参数

Posted -王二毛-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了router-link传递和接受参数相关的知识,希望对你有一定的参考价值。

router-link传递和接受参数

index.js写上

name: ‘/user’,

            
   path: '/user',
   name: '/user',
   component: () =>
   import ( /* webpackChunkName: "user" */ '../User.vue'),
   meta:  title: '用户' 
,

传递

<router-link
  id="user"
  :to="
    name: '/user',
    params: 
      user_id: scope.row.user_id
    
  "
>
	<el-button
	   type="info"
	   @click="sendIdToUserFun(scope.row.user_id)">调度
	</el-button>
</router-link>

接收

this.$route.params.user_id;

以上是关于router-link传递和接受参数的主要内容,如果未能解决你的问题,请参考以下文章

router-link传递参数

url传的参数带有 / ,无法传递参数

路由嵌套和参数传递

vue-router中参数传递

vue-router参数传递

路由参数传递