descriptions 描述列表

基于 JSON Schema的描述列表。对 element-plus 中 el-descriptions 组件的深度封装,使用 JSON Schema 和 UISchema 快速实现描述列表。

基本使用

名称XXX - 0枚举值枚举值二多选枚举值枚举值一,枚举值二
字符串输入数字98765价格12345.678
备注hero-admin-ui日期2021-08-31时间11:29:00
布尔值自定义插槽装饰线条自定义渲染Link
<template>
  <div>
    <ha-descriptions :schema="demoSchema"
                     :model="formModel"
                     :ui-schema="formUiSchema"></ha-descriptions>
  </div>
</template>

<script lang="ts" setup>
import { reactive } from 'vue'
import { Schema } from '../../../libs/components/types'
import demoJsonSchema, { demoFormUiSchema, demoModel } from '../demo-json-schema'

const demoSchema = reactive<Schema>(demoJsonSchema)
const formModel = reactive(demoModel)
const formUiSchema = reactive(demoFormUiSchema)
</script>

<style scoped lang="scss">
</style>
显示代码

组件 API

Attributes 属性

参数说明类型可选值默认值

Methods 方法

方法名说明参数返回值

Events 事件

事件名说明参数返回值

Slots 插槽

插槽名说明参数