avue 3.4.1 BUG 子表单多级表头输入框没有显示

![输入图片说明](https://foruda.gitee.com/images/1713236749911872922/6dfe4eaf_817078.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1713236786858865624/c8121b06_817078.png "屏幕截图")

```
<!DOCTYPE html>

<body>
    <div id="app">
      <avue-form :option="option" v-model="obj" @submit="submit" @error="error">
        <template #input="scope">
          <el-tag>{{scope.row}}</el-tag>
        </template>
      </avue-form>
    </div>
  </body>
  <script>
    var app = Vue.createApp({
      data() {
        return {
          obj: {
            title: "二、我是大标题",
            dynamic: [
              {
                input: 1,
                select: 1,
                radio: 1,
                number: 11,
              },
              {
                input: 2,
                select: 2,
                radio: 1,
                number: 22,
              },
              {
                input: 2,
                select: 2,
                radio: 1,
                number: 33,
              },
            ],
          },
          option: {
            labelWidth: 110,
            column: [
              {
                label: "树型",
                prop: "tree",
                type: "tree",
                dicData: [
                  {
                    label: "1-1",
                    value: 0,
                    children: [
                      {
                        label: "2-1",
                        value: 1,
                      },
                    ],
                  },
                ],
              },
              {
                label: "",
                prop: "title",
                type: "title",
                labelWidth: 40,
                styles: {
                  color: "red",
                },
                span: 24,
              },
              {
                label: "子表单",
                prop: "dynamic",
                type: "dynamic",
                span: 24,
                children: {
                  rowAdd: (done) => {
                    this.$message.success("新增回调");
                    done({ input: 3 });
                  },
                  rowDel: (row, done) => {
                    this.$message.success("删除回调" + JSON.stringify(row));
                    done();
                  },
                  selection: true,
                  selectionChange: (val) => {
                    console.log(val);
                  },
                  height: 300,
                  align: "center",
                  headerAlign: "center",
                  column: [
                    {
                      width: 200,
                      label: "输入框",
                      prop: "input",
                    },
                    {
                      width: 200,
                      label: "密码框",
                      prop: "password",
                      type: "password",
                      rules: [
                        {
                          required: true,
                          message: "请输入密码",
                          trigger: "blur",
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "树型",
                      prop: "tree",
                      type: "tree",
                      dicData: [
                        {
                          label: "1-1",
                          value: 0,
                          children: [
                            {
                              label: "2-1",
                              value: 1,
                            },
                          ],
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "选择框",
                      prop: "select",
                      type: "select",
                      dicData: [
                        {
                          label: "测试1",
                          value: 1,
                        },
                        {
                          label: "测试2",
                          value: 2,
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "多选",
                      prop: "checkbox",
                      type: "checkbox",
                      dicData: [
                        {
                          label: "测试1",
                          value: 1,
                        },
                        {
                          label: "测试2",
                          value: 2,
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "开关",
                      prop: "switch",
                      type: "switch",
                      dicData: [
                        {
                          label: "测试1",
                          value: 1,
                        },
                        {
                          label: "测试2",
                          value: 2,
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "数字框",
                      prop: "number",
                      type: "number",
                    },
                  ],
                },
              },
              {
                label: "子表单",
                prop: "dynamic1",
                type: "dynamic",
                span: 24,
                children: {
                  rowAdd: (done) => {
                    this.$message.success("新增回调");
                    done({ input: 3 });
                  },
                  rowDel: (row, done) => {
                    this.$message.success("删除回调" + JSON.stringify(row));
                    done();
                  },
                  selection: true,
                  selectionChange: (val) => {
                    console.log(val);
                  },
                  height: 300,
                  align: "center",
                  headerAlign: "center",
                  column: [
                    {
                      label: "多级表头",
                      children: [
                        {
                          width: 200,
                          label: "输入框1",
                          prop: "input1",
                        },
                        {
                          width: 200,
                          label: "输入框2",
                          prop: "input2",
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "输入框",
                      prop: "input",
                    },
                    {
                      width: 200,
                      label: "密码框",
                      prop: "password",
                      type: "password",
                      rules: [
                        {
                          required: true,
                          message: "请输入密码",
                          trigger: "blur",
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "树型",
                      prop: "tree",
                      type: "tree",
                      dicData: [
                        {
                          label: "1-1",
                          value: 0,
                          children: [
                            {
                              label: "2-1",
                              value: 1,
                            },
                          ],
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "选择框",
                      prop: "select",
                      type: "select",
                      dicData: [
                        {
                          label: "测试1",
                          value: 1,
                        },
                        {
                          label: "测试2",
                          value: 2,
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "多选",
                      prop: "checkbox",
                      type: "checkbox",
                      dicData: [
                        {
                          label: "测试1",
                          value: 1,
                        },
                        {
                          label: "测试2",
                          value: 2,
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "开关",
                      prop: "switch",
                      type: "switch",
                      dicData: [
                        {
                          label: "测试1",
                          value: 1,
                        },
                        {
                          label: "测试2",
                          value: 2,
                        },
                      ],
                    },
                    {
                      width: 200,
                      label: "数字框",
                      prop: "number",
                      type: "number",
                    },
                  ],
                },
              },
            ],
          },
        };
      },
      methods: {
        error(msg) {
          console.log(msg);
        },
        submit(form, done) {
          setTimeout(() => {
            done();
          }, 2000);
        },
      },
    });
    app.use(ElementPlus);
    app.use(AVUE);
    app.mount("#app");
  </script>
</html>

```

使用了多级表头之后，输入框就没有显示了，一级表头显示是正常的

GVP smallwei/Avue

内容风险标识

评论 (0)

GVPsmallwei/Avue

内容风险标识