<template>
  <span>
    <template v-for="(dict, index) in this.getDictDatas2(type, value)">
      <!-- 默认样式 -->
      <span
        v-if="dict.colorType === 'default' || dict.colorType === '' || dict.colorType === undefined"
        :key="dict.value"
        :index="index"
        :class="dict.cssClass"
      >{{ $l(dict, 'label') }}</span>
      <!-- Tag 样式 -->
      <el-tag v-else :key="dict.value" :disable-transitions="true" :index="index" :type="dict.colorType" :class="dict.cssClass">
        {{ $l(dict, 'label') }}
      </el-tag>
    </template>
  </span>
</template>

<script>
export default {
  name: 'DictTag',
  props: {
    type: String,
    value: [Number, String, Boolean, Array]
  }
}
</script>
<style scoped>
.el-tag + .el-tag {
  margin-left: 10px;
}
</style>
