element button自定义图标

要为 element button 自定义图标，你可以使用 element-ui 提供的 icon 组件以及自定义字体图标。

首先，确保你已经引入了 element-ui 的 CSS 文件和字体文件。接下来，你可以使用 element-ui 的 icon 组件来设置按钮的图标。你可以在按钮中加入一个 icon 组件，并通过设置它的 name 属性来指定图标的名称。

例如，如果你希望使用 element-ui 提供的默认图标，你可以这样写：

<el-button>
  <i class="el-icon-search"></i>
  搜索
</el-button>

如果你想使用自定义字体图标，首先需要在项目中引入自定义字体图标的 CSS 文件。然后，你可以通过设置 icon 组件的 class 属性来指定自定义图标的类名。

例如，如果你已经引入了自定义字体图标的 CSS 文件，并且该文件中包含了一个名为 "custom-icon" 的类名，你可以这样写：

<el-button>
  <i class="custom-icon"></i>
  自定义图标
</el-button>

这样就可以实现在 element button 中自定义图标了。记得根据你的实际情况来调整图标的样式和位置。