Tag 标签

用于标记和选择。

基础用法

由 type 属性来选择 tag 的类型， 也可以通过 color 属性来自定义背景色。

<el-tag>标签一</el-tag>
<el-tag type="gray">标签二</el-tag>
<el-tag type="primary">标签三</el-tag>
<el-tag type="success">标签四</el-tag>
<el-tag type="warning">标签五</el-tag>
<el-tag type="danger">标签六</el-tag>

可移除标签

[closable] 属性可以定义标签是否可移除。 (close) 属性可以获得每次移除时的事件。

<el-tag *ngFor="let tag of [
{ name: '标签一', type: ''
},{ name: '标签二', type: 'gray'
},{ name: '标签三', type: 'primary'
},{ name: '标签四', type: 'success'
},{ name: '标签五', type: 'warning'
},{ name: '标签六', type: 'danger' }]"
  [closable]="true"
  [type]="tag.type">
  {{tag.name}}
</el-tag>

Tag Attributes