这个地方的路由传参为什么失败，具体应该如何写

Question

我想点击按钮之后将参数传递到我的子页面，但是发现没有传递过去，求各位大神指点!

<li v-for="index in indexs" v-bind:class="{ 'active': cur == index}" class="col-md-1 ">

                    <router-link v-on:click.native="btnClick(index)" v-bind:to="'/schedule/details'+index">{{index}}</router-link>

                </li>

这是我想实现传递参数的地方

btnClick: function(data) {

                if(data != this.cur) {

                    this.cur = data;

                }

            }

这里是btnClick方法

indexs: function() {

                var left = 1;

                var right = this.all;

                var ar = [];

                if(this.all >= 5) {

                    if(this.cur > 3 && this.cur < this.all - 2) {

                        left = this.cur - 2

                        right = this.cur + 2

                    } else {

                        if(this.cur <= 3) {

                            left = 1

                            right = 5

                        } else {

                            right = this.all

                            left = this.all - 4

                        }

                    }

                }

                while(left <= right) {

                    ar.push(left)

                    left++

                }

                return ar

            }

这是我的indexs代码

因为index是我自己定义的形参，所以不知道该如何传递过去

Answer 1

1.v-bind:to="'/schedule/details'+index"改成v-bind:to="'/schedule/details/'+index"2.routes改成{path:'/schedule/details/:index',...}3.在组件内访问this.$route.params.index获取路由参数

Answer 2

你可以网页域名传参啊？+