search-card 搜索卡片

搜索卡片基于表单卡片进行深度封装,通常用于搜索页面。

基本使用

搜索条件
<template>
  <div>
    <ha-search-card :schema="schema"
                    :uiSchema="uiSchema"
                    :model="model"></ha-search-card>
  </div>
</template>

<script lang="ts" setup>
import { Schema, UiSchema } from '../../../libs/components/types'
import { reactive } from 'vue'
import { couponSchema } from '../demo-contants'

const schema: Schema = reactive(couponSchema)
const uiSchema: UiSchema = reactive({})
const model: any = reactive({})
</script>

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

组件 API

Attributes 属性

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

Methods 方法

方法名说明参数返回值

Events 事件

事件名说明参数返回值

Slots 插槽

插槽名说明参数