admin/lx-admin-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 优化 !pr40 代码结构

Browse Source
This commit is contained in:
疯狂的狮子Li 2023-09-09 11:44:56 +08:00
parent cb6cbc4f40
commit 956d2ad495
1 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/DictTag/index.vue
View File

@ -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(() => {