| | |
| | | <div> |
| | | <template v-for="(item, index) in options"> |
| | | <template v-if="values.includes(item.value)"> |
| | | <span v-if="(item.elTagType === 'default' || item.elTagType === '') && (item.elTagClass === '' || item.elTagClass == null)" |
| | | :key="item.value" :index="index" :class="item.elTagClass"> |
| | | {{ item.label + " " }} |
| | | <span |
| | | v-if="(item.elTagType === 'default' || item.elTagType === '') && (item.elTagClass === '' || item.elTagClass == null)" |
| | | :key="item.value" |
| | | :index="index" |
| | | :class="item.elTagClass" |
| | | > |
| | | {{ item.label + ' ' }} |
| | | </span> |
| | | <el-tag |
| | | v-else |
| | | :key="item.value + ''" |
| | | :disable-transitions="true" |
| | | :index="index" |
| | | :type="(item.elTagType === 'primary' || item.elTagType === 'default')? '' : item.elTagType" |
| | | :type="item.elTagType === 'primary' || item.elTagType === 'default' ? '' : item.elTagType" |
| | | :class="item.elTagClass" |
| | | > |
| | | {{ item.label + ' ' }} |
| | |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { propTypes } from '@/utils/propTypes'; |
| | | |
| | | interface Props { |
| | | options: Array<DictDataOption>; |
| | | value: number | string | Array<number | string>; |
| | | showValue: boolean; |
| | | separator: string; |
| | | showValue?: boolean; |
| | | separator?: string; |
| | | } |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | showValue: true, |