el-button el-button--danger el-button--small

在Element UI这个前端组件库中，`el-button` 是一个基础的按钮组件。`el-button--danger` 是为按钮赋予一个警示色，通常用于表示危险的操作，比如“删除”、“确认”这样的操作，颜色通常是红色。

2. `el-button--small` 则用于创建一个小型化的按钮，相比默认的按钮尺寸更小，适合紧凑布局或者需要节省空间的地方。

组合起来，`<el-button type="danger" size="small">` 就是一个警示风格的小型按钮。你可以根据设计需求调整这些类以改变按钮的视觉样式。

相关问题

el-button 的绑定属性

`el-button` 组件在 Element UI 中主要用于创建各种样式的按钮。它有几个常用的绑定属性，用于控制其外观、行为以及响应事件。以下是几个主要的绑定属性：

1. **type**：这是最基本的属性，用于指定按钮的基本样式，如 `default`（默认）、`primary`（主要）、`success`（成功）、`warning`（警告）和 `danger`（危险）等。

   <el-button type="primary">主要按钮</el-button>

2. **plain**：如果设为 `true`，则表示按钮为纯文本形式，不会有背景色和边框，只保留文字内容。

   <el-button plain>纯文本按钮</el-button>

3. **size**：用于设置按钮的尺寸，可以是 `small`（小）、`medium`（中）、`large`（大），默认是 `medium`。

   <el-button size="large">大号按钮</el-button>

4. **圆角 (`round`)** 和 **方形 (`square`)**: 可以设定按钮的形状，分别设置为 `true` 或 `false`。

   <el-button round>圆角按钮</el-button>

5. **@click** 或 **v-on:click**: 当按钮被点击时触发的事件处理程序，可以绑定一个函数，例如：

   <el-button @click="handleButtonClick">点击我</el-button>

6. **disabled**: 如果设为 `true`，则按钮禁用，用户无法交互。

   <el-button disabled>不可点击</el-button>

7. **loading**: 如果设为 `true`，会在按钮上显示加载状态。

8. **icon** 和 **slot**: 分别用于设置图标和自定义内容的位置。

以上是部分常用属性，具体可查阅官方文档了解更多详情。

vue的el-button

el-button是Element UI中的一个组件，用于创建按钮。它有以下几个属性：

1. type：按钮类型，可选值为primary、success、warning、danger和info，默认值为default。
2. size：按钮尺寸，可选值为medium、small和mini，默认值为medium。
3. icon：按钮图标，可以使用Element UI中的图标或自定义图标。
4. disabled：禁用按钮，可选值为true或false，默认值为false。
5. loading：加载状态，可选值为true或false，默认值为false。
6. plain：朴素按钮，可选值为true或false，默认值为false。
7. round：圆形按钮，可选值为true或false，默认值为false。
8. circle：圆角按钮，可选值为true或false，默认值为false。
9. autofocus：自动获取焦点，可选值为true或false，默认值为false。

使用示例：

<template>
  <div>
    <el-button>默认按钮</el-button>
    <el-button type="primary">主要按钮</el-button>
    <el-button type="success">成功按钮</el-button>
    <el-button type="warning">警告按钮</el-button>
    <el-button type="danger">危险按钮</el-button>
    <el-button type="info">信息按钮</el-button>
    <el-button size="medium">中等按钮</el-button>
    <el-button size="small">小按钮</el-button>
    <el-button size="mini">迷你按钮</el-button>
    <el-button icon="el-icon-search">搜索按钮</el-button>
    <el-button disabled>禁用按钮</el-button>
    <el-button loading>加载按钮</el-button>
    <el-button plain>朴素按钮</el-button>
    <el-button round>圆形按钮</el-button>
    <el-button circle>圆角按钮</el-button>
    <el-button autofocus>自动获取焦点按钮</el-button>
  </div>
</template>