Kv
何时使用
在需要使用对象或者JSON的键值对展示时，该组件能够很好地将其进行展示
代码演示
key1:
key2:
key3:
包括两种展示模式，json展示以及list展示
<template>
<h-kv :value="outputValue" />
</template>
<script setup lang="ts">
import { ref } from 'vue';
const outputValue = ref({
key1: 'He3',
key2: 'Development',
key3: 'Tool'
});
</script>
API
Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 需要展示的对象 | Object | |
| width | 宽度 | number | |
| mode | 展示模式 | enum | list |
| disableModeSwitch | 是否禁用模式切换 | boolean |
参数修改
result -> value
model -> mode
modelSwitch -> disableModeSwitch (注意这里是禁用)