更新记录

1.0.0（2026-07-30） 下载此版本

1.0.0

• schema 配置式渲染，支持 text、number、textarea、select、radio、tags。
• 支持必填校验，提交时返回 valid / values / errors。
• 支持自定义主题色、标题、副标题、提交按钮和重置按钮。
• 免费组件，无广告、无数据采集、无特殊权限。

平台兼容性

uni-app(5.07)

una-form 表单组件

una-form 是基于 uni-app Vue3 的轻量表单组件，适合快速搭建资料填写、申请发票、联系人信息等移动端表单页面。

特性

• schema 配置式渲染，支持 text、number、textarea、select、radio、tags。
• 支持必填校验，提交时返回 valid / values / errors。
• 支持自定义主题色、标题、副标题、提交按钮和重置按钮。
• 免费组件，无广告、无数据采集、无特殊权限。

基础用法

<template>
    <una-form
        v-model="form"
        title="申请发票"
        :schema="schema"
        themeColor="#2979ff"
        @submit="handleSubmit"
    />
</template>

<script setup>
import { ref } from "vue";

const form = ref({
    type: "company",
    title: "",
    taxNo: ""
});

const schema = [
    {
        key: "type",
        label: "发票类型",
        type: "radio",
        required: true,
        options: [
            { label: "个人", value: "personal" },
            { label: "企业", value: "company" }
        ]
    },
    { key: "title", label: "发票抬头", type: "text", required: true },
    { key: "taxNo", label: "税号", type: "text", required: true }
];

function handleSubmit(event) {
    console.log(event.valid, event.values, event.errors);
}
</script>

Props

Events

Schema 字段