Form.vue 521 字节
Newer Older
aaronchen2k2k's avatar
aaronchen2k2k 已提交
1 2 3 4 5 6 7
<template>
  <form class="z-form">
    <slot></slot>
  </form>
</template>

<script setup lang="ts">
aaronchen2k2k's avatar
aaronchen2k2k 已提交
8
import {defineProps, provide} from "vue";
aaronchen2k2k's avatar
aaronchen2k2k 已提交
9 10
import {useI18n} from "vue-i18n";
const { t } = useI18n();
aaronchen2k2k's avatar
aaronchen2k2k 已提交
11 12

export interface FormProps {
aaronchen2k2k's avatar
aaronchen2k2k 已提交
13
  msgs?: any[],
aaronchen2k2k's avatar
aaronchen2k2k 已提交
14 15 16 17 18 19 20 21 22 23 24
  labelCol?: string,
  wrapperCol?: string,
}

const props = defineProps<FormProps>();
console.log(props)

provide('errors', {});
provide('labelCol', props.labelCol);
provide('wrapperCol', props.wrapperCol);

aaronchen2k2k's avatar
aaronchen2k2k 已提交
25 26 27
</script>

<style lang="less" scoped>
aaronchen2k2k's avatar
aaronchen2k2k 已提交
28
  .z-form {
aaronchen2k2k's avatar
aaronchen2k2k 已提交
29

aaronchen2k2k's avatar
aaronchen2k2k 已提交
30
  }
aaronchen2k2k's avatar
aaronchen2k2k 已提交
31
</style>