问题
在使用 uni-app
的Drawer 抽屉
组件时, 出现了这个报错信息, 如下:
思路
- 很明显看到了报错信息前面的
Vue warn
, 这是一个Vue语法
的警示信息, 在看后面的报错信息, 主要意思是prop
期待传入一个布尔类型的值,但是用户传入的却是一个字符串,导致了类型错误
的产生。 - 再打开我们正在使用的这个组件的官网, 查看相关的属性说明, 可以发现,官网的这个
mask
属性对应的类型是Boolean
,
- 再查看我们现在的代码, 可以发现我们现在的这种写法其实就是字符串,如下:
解决方案
设置组件的mask
属性, 正确写法是 :mask="true"
,而代码当中也就是因为少写了一个:
, 少写了冒号, 默认显示的就是字符串,加上冒号就可以完美解决这个问题。