vue页面跳转后，再跳转回来，页面中v-if里的元素不显示

背景：
  列表页跳转筛选页，从筛选页再跳转回列表页，此时列表页的元素不显示

思路：

1. 将v-if改成v-show，不行。
2. 插值表达式打印v-if里的数据，是true
3. 是true为什么不显示，后面typeof之后发现Boolean类型通过跳转回来后变成了String类型
4. 由于跳转筛选页的时候，将该值通过query传参的方式，传了过去，当返回列表页的时候，又通过query传参的方式带了回来。导致 true 变成了 ‘true’

解决办法：

1. 在当前列表页created中将携带的参数转成布尔类型就可以了
2. this.showYear = JSON.parse(this.$route.query.showYear) 这样就正常显示了

参考文章：js将字符串true转成布尔值