vue路由取参注意事项

wel/sceneApp/evaluationEntry?itemid=1511978783972192258&managerDept=false 

以上述URL地址为例，一般我们在父页面传递的参数managerDept=false，这里父组件参数managerDept值为false，此处为Boolean类型，假设在子组件中要用上述URL中的参数，看代码

data(){
    managerDept:false
}
created(){
    this.managerDept = this.$route.query.managerDept;
    console.log(typeof this.$route.query.managerDept);   //输出boolean类型
}

如果我们页面中某个按钮或者其他东西要用到改属性值判断，注意类型，看似没有问题，假如用户手动刷新页面

data(){
    managerDept:false
}
created(){
    this.managerDept = this.$route.query.managerDept;
    console.log(typeof this.$route.query.managerDept);   //输出string类型
}

！！！此时获取路由中的参数为字符串类型

解决办法：取参时转化

this.managerDept = JSON.parse(this.$route.query.managerDept);