element: tag组件的用法

一、准备数据源：

 tags: [
          { name: 'xxxx1', type: '' },
          { name: 'xxxx2', type: 'success' },
          { name: 'xxxx3', type: 'info' },
          { name: 'xxxx4', type: 'warning' },
          { name: 'xxxx5', type: 'danger' }
        ]

二、在template标签中定义tag

<el-tag
  v-for="tag in tags"
  :key="tag.name"
  closable
  @close="handleClose(tag)"
  :type="tag.type">
  {{tag.name}}  
</el-tag>

三、定义点击标签关闭按钮的响应函数：

    handleClose(tag) {
      const item = this.tags.indexOf(tag)
      this.tags.splice(item, 1)
    },