element 缩略图放大

要实现Element缩略图放大的效果，可以使用Element UI中的Dialog组件。首先，在需要显示缩略图的地方添加一个图片元素，并在其上绑定点击事件，点击时触发一个方法，该方法打开一个Dialog组件，并将需要显示的图片传递给Dialog组件。

示例代码如下：

<template>
  <div>
    <img :src="thumbnailUrl" @click="showDialog" class="thumbnail">
    <el-dialog :visible.sync="dialogVisible" width="80%">
      <img :src="imageUrl" class="enlarged-image">
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      thumbnailUrl: '缩略图的URL',
      imageUrl: '需要显示的图片的URL',
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    }
  }
}
</script>

<style scoped>
.thumbnail {
  width: 100px;
  height: 100px;
  cursor: pointer;
}

.enlarged-image {
  width: 100%;
}
</style>

在上面的代码中，`thumbnailUrl`表示缩略图的URL，`imageUrl`表示需要显示的图片的URL。在`<img>`标签上绑定了`@click`事件，点击时调用`showDialog()`方法，该方法将`dialogVisible`设置为`true`，从而显示Dialog组件。在Dialog组件中，使用`<img>`标签显示需要显示的图片。通过样式设置图片的大小，使其在Dialog组件中居中显示。

需要注意的是，上面的代码中使用了Vue.js框架和Element UI组件库。如果你还没有使用过这些工具，需要先学习它们的基本用法。