vue使用element-ui里图标的放大

要放大Element UI中的图标，您可以使用CSS的transform属性。您可以为图标添加一个鼠标悬停事件，然后在事件处理程序中设置transform属性的scaleX和scaleY值来放大图标。

以下是示例代码：

<template>
  <div>
    <el-icon name="el-icon-search" @mouseover="zoomIn" @mouseout="zoomOut"></el-icon>
  </div>
</template>

<script>
export default {
  methods: {
    zoomIn(event) {
      event.target.style.transform = "scale(1.5)";
    },
    zoomOut(event) {
      event.target.style.transform = "scale(1)";
    },
  },
};
</script>

<style scoped>
.el-icon {
  transition: transform 0.3s ease-out;
}
</style>

在上面的示例中，我们在el-icon上添加了mouseover和mouseout事件。当鼠标悬停在图标上时，zoomIn方法将被调用，并将transform属性设置为scale(1.5)，从而放大图标。当鼠标离开图标时，zoomOut方法将被调用，并将transform属性设置为scale(1)，从而将图标还原为原始大小。

我们还使用CSS的transition属性为图标添加了一个平滑的过渡效果。