Element UI 的 el-button
组件支持内置的图标,你可以通过设置 icon
属性来使用它们。Element UI 内置的图标类名可以在 Element UI 的官方文档中找到。
以下是一些常用的内置图标类名:
el-icon-edit
el-icon-share
el-icon-delete
el-icon-loading
el-icon-plus
el-icon-minus
el-icon-close
el-icon-check
el-icon-circle-plus
el-icon-circle-minus
el-icon-circle-close
el-icon-circle-check
el-icon-arrow-left
el-icon-arrow-right
el-icon-arrow-down
el-icon-arrow-up
el-icon-d-arrow-left
el-icon-d-arrow-right
el-icon-d-arrow-down
el-icon-d-arrow-up
示例:
<el-button
size="mini"
type="primary"
plain
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['basic:driver:remove']"
style="width:50px;"
>删除</el-button>