带参数跳转路由，以及接收参数

前端：

 <template slot-scope="scope">

        <el-button @click="toPage(scope.row.id)" v-hasPermi="['index:query']">{{         scope.row.vehicleNo }}

        </el-button>

       </template>

js:

toPage(id){

            this.$router.push({

                path:'/index',

                query:{

                    id

                }

            })

        }

接收：

created() {

        this.queryParams.id= this.$route.query.id

    },