前端缩略图 鼠标悬浮展示
<template>
<!-- trigger(触发方式)、placement(出现位置) -->
<el-popover trigger="hover" placement="right">
<!-- table中原本显示的图片 -->
<img slot="reference" :src="uri" :alt="uri" class="image">
<!-- 鼠标移入时弹出的图片 -->
<img :src="uri" alt="">
</el-popover>
</template>
<script>
export default{
name: 'thumbnail',
props:
['uri']
,
data() {
return {
input: null,
total: 0,
}
},
created: function() {
},
methods: {
},
computed:{
}
}
</script>
<style>
.image{
width: 70px;
height: 70px;
}
</style>
