icon="el-icon-plus"

'icon="el-icon-plus"' 这是一个HTML或CSS中的图标引用，其中"el-icon-plus"是来自Element UI库的一个特定图标标识符。这个图标通常表示“加”或者“增加”的操作，它是一个小的加号图形，常用于用户界面中的按钮、菜单或其他交互元素，以便用户直观地理解其功能。在实际应用中，你需要引入相应的Element UI样式文件，并将其放置在需要显示该图标的元素上。

相关问题

icon = el-icon-

根据您提供的引用内容，您可以使用两种方式来设置`el-button`的icon属性为`el-icon-`开头的值。

方式一是在`el-button`标签中直接设置`type="success"`和`icon="el-icon-plus"`，如下所示：

<el-button type="success" icon="el-icon-plus">新建规则</el-button>

方式二是在`main.js`文件中引入`@element-plus/icons-vue`，然后使用`Object.keys`方法将所有的图标组件注册到Vue实例中，最后在`el-button`标签内部使用`el-icon`组件和`Plus`图标组件来实现图标效果，如下所示：

<!-- 在main.js中引入 -->
import * as ElIcon from '@element-plus/icons-vue'
Object.keys(ElIcon).forEach((key) => { 
  app.component(key, ElIcon[key]) 
})

<!-- 在el-button标签中使用 -->
<el-button type="success">
  <el-icon style="vertical-align: middle">
    <Plus />
  </el-icon>
  <span style="vertical-align: middle">新建规则</span>
</el-button>

请注意，以上两种方式都可以实现设置`el-button`的icon属性为以`el-icon-`开头的值，具体取决于您的需求和具体的代码实现。

<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:user:add']" >新增</el-button><el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:user:add']" >新增</el-button>

这是一段 Vue.js 的代码，它包含了两个按钮，它们都有一个图标，一个小型的尺寸，一个点击事件和一个权限判断。这段代码使用了 Element UI 中的 el-button 组件，其中 type="primary" 表示按钮的主要样式，plain 表示按钮的样式为扁平化的，icon="el-icon-plus" 表示按钮的图标为加号，size="mini" 表示按钮的尺寸为 mini，@click="handleAdd" 表示按钮的点击事件为 handleAdd 方法，v-hasPermi="['system:user:add']" 表示按钮需要有系统用户添加的权限才能显示。