[Vue warn]: Invalid prop: type check failed for prop "zIndex". Expected Number with value 30, got...

使用elementui中的el-image预览查看图片报错

报错信息:

[Vue warn]: Invalid prop: type check failed for prop "zIndex". Expected Number with value 3000, got String with value "3000".

错误警告提示:


错误提示

原因分析:设置图片预览层在最上面时,接收参数为number而不是string;

原始代码:


修改:


还是警告报错:虽然已经生效,预览图片弹出层已经在最上面了。但是console还有错误,很不爽。对了,默认的是el-image 的 z-index=2000。一般而言是在最上面。但是我用了el-silder,还要大于两千。所欲需要把el-image置于3000,。保证其弹出遮盖所有。


效果虽然实现,但是console框:


再次修改:

:z-index=3000

前面加上    :

不仅效果依旧,报错警告页没了,舒服多了

你可能感兴趣的:([Vue warn]: Invalid prop: type check failed for prop "zIndex". Expected Number with value 30, got...)