vue2 el-botton 如何插入自定义图标

在Vue2中使用`el-button`插入自定义图标，你可以按照以下步骤进行操作：

1. 首先，确保你已经引入了所需的图标字体文件或SVG文件。你可以使用第三方的图标库，如Font Awesome或Material Icons，或者使用自定义的图标。

2. 在Vue组件中，导入`el-button`组件并注册到你的组件中。确保你已经通过npm或其他方式安装了Element UI库。

<template>
  <div>
    <el-button type="primary">
      <i class="your-icon-class"></i>  <!-- 这里是自定义图标的class -->
      Button
    </el-button>
  </div>
</template>

<script>
import { Button } from 'element-ui';

export default {
  components: {
    'el-button': Button,
  },
}
</script>

3. 在自定义图标的class上添加样式或使用字体图标库提供的类名。

4. 在`el-button`中使用自定义图标的class即可插入自定义图标。

这样，你就可以在Vue2的`el-button`按钮中插入自定义图标了。记得替换`your-icon-class`为你自定义图标的实际class名称。