函数中怎么返回带图标的el-button

在Vue.js或其他前端框架中，要创建一个带有图标的`el-button`并返回它，你可以使用组件化的方式来封装这个按钮。假设你正在使用Element UI库，可以创建一个自定义的`IconButton`组件，结合`el-button`和图标组件。以下是一个简单的示例：

<template>
  <el-button :type="ButtonType" :icon="IconName" @click="onClick">
    {{ Text }}
  </el-button>
</template>

<script>
export default {
  name: 'IconButton',
  props: {
    ButtonType: { // 需要提供一个默认值，如'text'
      type: String,
      default: 'text',
    },
    IconName: {
      type: String,
      required: true, // 图标名不能为空
    },
    Text: {
      type: String,
      default: '', // 按钮文本，默认为空
    },
    onClick: {
      // 定义点击事件处理函数
      type: Function,
      default: () => {},
    },
  },
}
</script>

然后在其他地方使用这个组件，例如:

<IconButton :ButtonType="primary" :IconName="yourIconName" :Text="buttonLabel" />

其中`yourIconName`是你要使用的图标名称，比如`'el-icon-setting'`，`primary`是按钮样式。