useDescriptions

快速为你的数据定义描述列表。

• 更多可配置选项请参考 DescriptionsProps

基础用法

<script setup lang="ts">
import { useDescriptions } from '@vuecraft/components'

const [Descriptions] = useDescriptions({
  columns: [
    {
      label: 'Name',
      value: 'vuecraft',
    },
    {
      label: 'Age',
      value: '25',
    },
  ]
})
</script>

<template>
  <div>
    <Descriptions />
  </div>
</template>

自定义渲染项值

<script setup lang="ts">
import { useDescriptions } from '@vuecraft/components'

const [Descriptions] = useDescriptions({
  columns: [
    {
      label: 'Name',
      value: 'vuecraft',
    },
    {
      label: 'Age',
      render: (value: string) => {
        return value
      },
    },
  ]
})
</script>

<template>
  <div>
    <Descriptions />
  </div>
</template>