element -table中显示图片

1.table显示图片：

            <el-table-column min-width="55"  prop="spliderimgurl" label="照片">
                <template slot-scope="scope">
                    <img :src="scope.row.spliderimgurl" style="width:150px;height:150px"/>
                </template>
            </el-table-column>

 2.table中显示，悬挂变大图片：

<!--显示图片，悬挂变大图-->
<el-table-column min-width="55"  prop="spliderimgurl" label="照片" width="210">
    <template slot-scope="scope">
        <el-popover placement="top-start" title="" trigger="hover">
            <img :src="scope.row.spliderimgurl" />
            <img slot="reference" :src="scope.row.spliderimgurl" style="width:200px;height:250px"/>
        </el-popover>
    </template>
</el-table-column>