vue2, sos，救救孩纸吧

[allen1696]

The sentence "label-col and wrapper-col not working, how to solve?" means "how to resolve the issue of :label-col and :wrapper-col not working in the code". These are CSS classes in the Bootstrap framework used to set the width of labels and input fields in forms.
//Vue2封装组件时为什么:label-col和 :wrapper-col不生效

[liulinboyi]

能提供一个最小复现例子吗？

[allen1696]

<a-form-model :label-align="getlabelalign" :label-col="{ span: 3, offset: 1 }" :wrapper-col="{ span: 18, offset: 0 }" layout="horizontal" > <slot></slot> </a-form-model>
用vue2的antdv封装组件的时候放到内部不生效

[liulinboyi]

<a-form-model :label-align="getlabelalign" :label-col="{ span: 3, offset: 1 }" :wrapper-col="{ span: 18, offset: 0 }" layout="horizontal" > <slot></slot> </a-form-model> 用vue2的antdv封装组件的时候放到内部不生效

@allen1696 首先我不知道你遇到的这个问题的运行环境等上下文，建议有一个最小复现，最好是可以运行的极简代码仓库 ，其次看起来你应该去antdv仓库去问一下这个问题。

[allen1696]

提交到仓库了，求求你帮我看看怎么解决，这里主要想把:label-col和:wrapper-col放到左边组件里，放在右边生效，放左边不生效

[liulinboyi]

提交到仓库了，求求你帮我看看怎么解决，这里主要想把:label-col和:wrapper-col放到左边组件里，放在右边生效，放左边不生效

如下图，这样用，看DOM不是已经生效了？你的问题是？这个问题完全可以去antdv仓库问，antdv的维护者比我熟，我还得将仓库Clone到本地然后运行排查，回答结束。

<template>
  <div class="main" >
    <!-- vertical horizontal inline -->
    <!-- :label-col="{ span: 3, offset: 1 }" :wrapper-col="{ span: 18, offset: 0 }" -->
    <QForm :label-col="{ span: 3, offset: 1 }" :wrapper-col="{ span: 18, offset: 0 }" formName="表单Form" labelAlign="left">
      <QFormItem label="单行文本1" prop="aInput1">
        <a-input v-model="aInput1" placeholder="请输入单行文本1"  allow-clear >
        </a-input>
      </QFormItem>
      <QFormItem label="单行" prop="aInput1"    >
        <a-input v-model="aInput1" placeholder="请输入单行文本2"  allow-clear>
        </a-input>
      </QFormItem>
    </QForm>
    <a-button type="primary" @click="showDrawer">
      Open
    </a-button>
    <a-drawer
      title="Basic Drawer"
      placement="right"
      width="500"
      :closable="false"
      :visible="visible"
      :after-visible-change="afterVisibleChange"
      @close="onClose"
    >
    <a-form-model>
      
    </a-form-model>

    </a-drawer>
  </div>
</template>