element el-image error嵌套

2020-03-09  本文已影响0人  CRJ997

使用el-image进行图片显示的时候,如果不确定图片要使用哪个字段作为数据源(或者编写通用组件),可以用error slot进行嵌套。

<el-image :src="item.content" lazy fit="contain">
    <el-image fit="contain" slot="error" lazy :src="item.thumbnail"></el-image>
</el-image> <!--  两个字段都有可能存放图片的url -->

这样子当使用一个字段显示图片失败的时候,另一个字段会生效。

上一篇 下一篇

猜你喜欢

热点阅读