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

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

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

---

&