ant-design-vue 之form表单中label-col和wrapper-col使用

【ant-design-vue 之form表单中label-col和wrapper-col使用】万事须己运,他得非我贤。这篇文章主要讲述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>

 
 


    推荐阅读