vue路由带参数查询的坑

最近在做一个项目时，我希望在已办页面和待办页面分别跳转到详情页时，详情页根据前一个页面的不同从而显示不同的组件，所以使用了vue的路由带参数查询。具体的代码：

this.$router.push({
    path: '/detail',
     query: {
         flag: true,
     }
});

我传入的是布尔值，true和false，但是详情页进行真假判断的时候，通过this.$route.query.flag得到的flag的值总是为真值，导致从已办页面和待办页面跳转到的详情页都是一样的。仔细查看代码以后，发现this.$route.query.flag得到的并不是布尔值，而是字符串，所以每次进行真假判断的时候都是显示为真。为解决这一问题，我们可以直接通过字符串判断，也可以通过将"true"和"false"两个字符串转为布尔值来判断。字符串转布尔值的方法：

toboolean(val){
　　switch (val.toLowerCase()){
　　　　case "true": case 1: case "yes": return true;
　　　　case "false": case 0: case "no": case null: return false;
　　　　default:return Boolean(val);
　　}
}