1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <template>
| <a-tooltip placement="topLeft">
| <template #title>
| <span>{{ value }}</span>
| </template>
| {{ showText }}
| </a-tooltip>
| </template>
| <script lang="ts" setup>
| import { computed } from 'vue';
| import { propTypes } from '/@/utils/propTypes';
|
| const props = defineProps({
| value: propTypes.oneOfType([propTypes.string, propTypes.array]),
| length: propTypes.number.def(25),
| });
| //显示的文本
| const showText = computed(() =>
| props.value ? (props.value.length > props.length ? props.value.slice(0, props.length) + '...' : props.value) : props.value
| );
| </script>
|
|
