JFormContainer表单禁用 ✔
JFormContainer:a-form容器,全局是否全局禁用
参数定义
参数 | 类型 | 是否可选 | 默认值 | 说明 |
---|---|---|---|---|
disabled | Boolean | 否 | false | 是否禁用 |
插槽定义
名称 | 说明 |
---|---|
detail | 可用于自定义详情 |
edit | 可用于自定义编辑 |
演示效果
- 详情禁用

使用示例
<!-- 页面中直接写这个组件,设置disabled,并配置插槽detail,则详细页面禁用 -->
<JFormContainer disabled>
<template #detail>
<a-form layout="inline" >
<!-- 表单内容省略..... -->
</a-form>
</template>
</JFormContainer>
<script lang="ts" setup>
<!-- 引入JFormContainer -->
import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
</script>