使用vue-data-dict简化数据字典使用

RuoYi

2021-09-17 a10384c0099ce411b5dd56127e43fc60ad469fad

 ruoyi-ui/src/components/DictTag/index.vue

@@ -1,23 +1,23 @@
<template>

  <div>

    <template v-for="(item, index) in options">

      <template v-if="values.includes(item.dictValue)">

      <template v-if="values.includes(item.value)">

        <span

          v-if="item.listClass == 'default' || item.listClass == ''"

          :key="item.dictValue"

          v-if="item.raw.listClass == 'default' || item.raw.listClass == ''"

          :key="item.value"

          :index="index"

          :class="item.cssClass"

          >{{ item.dictLabel }}</span

          :class="item.raw.cssClass"

          >{{ item.label }}</span

        >

        <el-tag

          v-else

          :disable-transitions="true"

          :key="item.dictValue"

          :key="item.value"

          :index="index"

          :type="item.listClass == 'primary' ? '' : item.listClass"

          :class="item.cssClass"

          :type="item.raw.listClass == 'primary' ? '' : item.raw.listClass"

          :class="item.raw.cssClass"

        >

          {{ item.dictLabel }}

          {{ item.label }}

        </el-tag>

      </template>

    </template>

@@ -49,4 +49,4 @@
.el-tag + .el-tag {

  margin-left: 10px;

}

</style>

</style>