update 优化 !pr40 代码结构

This commit is contained in:
疯狂的狮子Li 2023-09-09 11:44:56 +08:00
parent cb6cbc4f40
commit 956d2ad495

View File

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