el-button如何加红点

el-button组件可以通过设置type属性的值来改变按钮的颜色样式。要实现加红点的效果，可以将type属性的值设置为"danger"。下面是一个示例代码：

<el-button type="danger">按钮</el-button>

这样设置后，按钮的背景颜色会变为红色，从而实现了加红点的效果。

相关问题

el-button右上角加红点

在Element UI中，如果你想在`el-button`组件右上角添加一个红色的提示点，通常这表示该按钮有某种状态或待处理事项。你可以通过自定义样式或者使用Element UI提供的内置图标来实现这个功能。

1. **自定义样式**:
可以通过CSS直接修改`.el-button__inner`类的样式，添加一个带有红点的背景图片或者使用HTML `::before`伪元素插入一个圆点，例如：

   <style>
     .el-button__inner::before {
       content: '\2022'; /* 红色实心点 */
       color: red;
       display: inline-block;
       margin-right: 5px;
     }
   </style>
   <el-button>按钮带红点</el-button>

2. **使用内置图标**:
如果Element UI库内有提供这样的状态指示图标，那么可以在`<el-button>`标签中加入特定的属性，比如`type="primary"` 后跟 `circle` 或者 `danger` 类来显示不同的状态提示。具体查看Element UI文档中关于状态图标的部分。

记得在实际应用中检查Element UI是否有官方推荐的做法，因为它们可能会更新UI组件的行为和设计。