vue中router-link的传参

<router-link> 组件支持用户在具有路由功能的应用中 (点击) 导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的 CSS 类名。

本次我介绍如何利用router-link进行传递参数

官网给出的例子

<router-link> Props

to

类型: string | Location

required

表示目标路由的链接。当被点击后，内部会立刻把 to 的值传到 router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。

本文使用带查询参数的形式

示例

<router-link  :to="{path:'/index',query:{id:1}}"  >

属性id的值可以是变量也可以是常量

router.js中进行接收参数

routes: [

{

           path: '/index', //一级url路径

           name: 'index',

           component: index,

           props: (route)=>{

             return {

                id: route.query.id

             }

},



]

子组件 index.js中进行接收参数

<script>
export default { 

props:["js"] 

}
</script>