[Vue warn]: Invalid prop: type c
2019-09-29 本文已影响0人
longerking
使用elementui中的el-image预览查看图片报错
报错信息:
[Vue warn]: Invalid prop: type check failed for prop "zIndex". Expected Number with value 3000, got String with value "3000".
错误警告提示:
![](https://img.haomeiwen.com/i11441514/8705b9f0a2128837.png)
原因分析:设置图片预览层在最上面时,接收参数为number而不是string;
原始代码:
![](https://img.haomeiwen.com/i11441514/5e89996230081fb9.png)
修改:
![](https://img.haomeiwen.com/i11441514/0d9d359913cd01b2.png)
还是警告报错:虽然已经生效,预览图片弹出层已经在最上面了。但是console还有错误,很不爽。对了,默认的是el-image 的 z-index=2000。一般而言是在最上面。但是我用了el-silder,还要大于两千。所欲需要把el-image置于3000,。保证其弹出遮盖所有。
![](https://img.haomeiwen.com/i11441514/dfa45f79b4161d54.png)
效果虽然实现,但是console框:
![](https://img.haomeiwen.com/i11441514/5437207dfc1478c9.png)
再次修改:
:z-index=3000
前面加上 :
![](https://img.haomeiwen.com/i11441514/0f34aa45575fe736.png)
不仅效果依旧,报错警告页没了,舒服多了