update 优化 !pr40 代码结构
This commit is contained in:
parent
cb6cbc4f40
commit
956d2ad495
@ -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
|
||||||
@ -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(() => {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user