|
|
|
@ -2,8 +2,7 @@
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<template v-for="(item, index) in options">
|
|
|
|
<template v-for="(item, index) in options">
|
|
|
|
<template v-if="values.includes(item.value)">
|
|
|
|
<template v-if="values.includes(item.value)">
|
|
|
|
<span v-if="item.elTagType == 'default' || item.elTagType == ''" :key="item.value" :index="index"
|
|
|
|
<span v-if="item.elTagType == 'default' || item.elTagType == ''" :key="item.value" :index="index" :class="item.elTagClass">
|
|
|
|
:class="item.elTagClass">
|
|
|
|
|
|
|
|
{{ item.label + " " }}
|
|
|
|
{{ item.label + " " }}
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
<el-tag
|
|
|
|
<el-tag
|
|
|
|
@ -25,7 +24,7 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
<script setup lang="ts">
|
|
|
|
import {propTypes} from '@/utils/propTypes';
|
|
|
|
import { propTypes } from '@/utils/propTypes';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const props = defineProps({
|
|
|
|
const props = defineProps({
|
|
|
|
@ -38,16 +37,11 @@ const props = defineProps({
|
|
|
|
value: [Number, String, Array] as PropType<number | string | Array<number | string>>,
|
|
|
|
value: [Number, String, Array] as PropType<number | string | Array<number | string>>,
|
|
|
|
// 当未找到匹配的数据时,显示value
|
|
|
|
// 当未找到匹配的数据时,显示value
|
|
|
|
showValue: propTypes.bool.def(true),
|
|
|
|
showValue: propTypes.bool.def(true),
|
|
|
|
separator: {
|
|
|
|
separator: propTypes.string.def(","),
|
|
|
|
type: String,
|
|
|
|
|
|
|
|
default: ','
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
const values = computed(() => {
|
|
|
|
const values = computed(() => {
|
|
|
|
if (props.value === '' || props.value === null || typeof props.value === "undefined") return []
|
|
|
|
if (props.value === '' || props.value === null || typeof props.value === "undefined") return []
|
|
|
|
let valu= Array.isArray(props.value) ? props.value.map(item => '' + item) : String(props.value).split(props.separator);
|
|
|
|
return Array.isArray(props.value) ? props.value.map(item => '' + item) : String(props.value).split(props.separator);
|
|
|
|
console.log("valu",valu)
|
|
|
|
|
|
|
|
return valu
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
const unmatch = computed(() => {
|
|
|
|
const unmatch = computed(() => {
|
|
|
|
|