update 优化 !pr40 代码结构

疯狂的狮子Li

2023-09-09 956d2ad495d7122511347c019c9b33b2521fcdf2

update 优化 !pr40 代码结构

 src/components/DictTag/index.vue

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