ant-design-vue 之form表单中label-col和wrapper-col使用
ant-design-vue 之form表单中label-col和wrapper-col使用
主要代码:
:label-col=”{ span: 5 }” :wrapper-col=”{ span: 15 }”
demo:
<template>
<div>
<a-form :form="form" >
<a-form-item label="计划名称" style="width: 100%" :label-col="{ span: 5 }" :wrapper-col="{ span: 15 }">
<a-textarea placeholder="请输入"/>
</a-form-item>
</a-form>
</div>
</template>
<script>
/* 这是ant-design-vue */
import Vue from ‘vue‘
import Antd, { message,Select } from ‘ant-design-vue‘ //这是ant-design-vue
import ‘ant-design-vue/dist/antd.css‘
Vue.use(Antd);
/* 这是ant-design-vue */
export default {};
</script>
<style scoped>
</style>

![ant-design-vue 之form表单中label-col和wrapper-col使用
[编程语言教程]](https://www.zixueka.com/wp-content/uploads/2024/01/1706714438-62a1e5b794d8dd5.jpg)
