Invalid prop: type check failed for prop “mask“. Expected Boolean, got String with value “true“

问题

在使用 uni-app的Drawer 抽屉组件时, 出现了这个报错信息, 如下：

思路

1. 很明显看到了报错信息前面的Vue warn , 这是一个Vue语法的警示信息, 在看后面的报错信息, 主要意思是prop期待传入一个布尔类型的值，但是用户传入的却是一个字符串，导致了类型错误 的产生。
2. 再打开我们正在使用的这个组件的官网, 查看相关的属性说明, 可以发现,官网的这个mask属性对应的类型是Boolean,
   
3. 再查看我们现在的代码, 可以发现我们现在的这种写法其实就是字符串,如下：
   

解决方案

设置组件的mask属性, 正确写法是 :mask="true"，而代码当中也就是因为少写了一个：, 少写了冒号, 默认显示的就是字符串，加上冒号就可以完美解决这个问题。