crud 深层数据报错

需求是：根据选中的月份，动态生成配置项，下拉框数据根据选中的部门进行隔离

配置代码： 计算属性

```javascript
dynamicOption() {
      let monthDayOpt = [];
      // 如果初始化了月份
      if (this.initData.mouth) {
        let dateArr = this.initData.mouth.split('-');
        // 当月天数
        let days = func.getDaysInMonth(dateArr[0], dateArr[1]);
        for (let i = 1; i <= days; i++) {
          let date = new Date(dateArr[0] * 1, dateArr[1] * 1 - 1, i);
          // 0~6 对应周一到周日
          let dayIndex = date.getDay();
          let week = ['日', '一', '二', '三', '四', '五', '六'][dayIndex];
          let item = {
            label: i + ' ' + week,
            type: 'cascader',
            prop: this.initData.mouth + '-' + i,
            bind:'schedule.'+this.initData.mouth + '-' + i,
            width: 50,
            dicData: this.currDeptScheduleCode,
            change:({column,value})=>{
              console.log(column,value);
            }
          };
          monthDayOpt.push(item);
        }
      }
      return {
        height: 'auto',
        calcHeight: 210,
        searchShow: true,
        searchMenuSpan: 6,
        tip: false,
        border: true,
        index: true,
        viewBtn: true,
        selection: true,
        size: 'small',
        column: [
          {
            label: '員工信息',
            children: [
              {
                label: '姓名',
                prop: 'employeeName',
                display: false,
                search: true,
              },
              {
                label: '工號',
                prop: 'employeeNo',
                display: false,
                search: true,
              },
              {
                label: '部門',
                display: false,
                type: 'tree',
                prop: 'deptId',
                defaultExpandAll: true,
                dicData: this.deptDic,
                props: {
                  label: 'title',
                  value: 'id',
                },
              },
            ],
          },
          {
            label: '月份',disabled:true,
            type: 'month',
            prop: 'date',
            valueFormat: 'YYYY-MM',
          },
          {
            label: '日期',
            align: 'center',prop:"schedule",
            children: monthDayOpt,
          },
        ],
      };
    },
```

下拉框字典：

``` javascript
currDeptScheduleCode: [
        {label:"班",value:1,children:[]},// 这里的children 根据选中的部门动态获取
        {label:"休",value:2,children:[
            {label:"AL",value:"AL"},
            {label:"SL",value:"SL"},
            {label:"PH",value:"PH"}
          ]},
      ],
```

示例数据：

```json
{
    "employeeId": 1,
    "employeeName": "林飞",
    "employeeNo": "1",
    "deptId": "1838059619350941697",
    "date": "2024-10",
    "schedule": {
        "2024-10-1": "1,A",
        "2024-10-2": "1,A",
        "2024-10-3": "1,A",
        "2024-10-4": "1,A",
        "2024-10-5": "1,A",
        "2024-10-6": "1,A",
        "2024-10-7": "1,A",
        "2024-10-8": "1,A",
        "2024-10-9": "1,A",
        "2024-10-10": "1,A",
        "2024-10-11": "1,A",
        ...
    }
}
```

表格显示正常，但是打开form表单编辑就会出现以下报错，且报错条数与动态生成的配置项数量相同

```
SyntaxError: Unexpected number
    at setAsVal (avue.min.js:7:5806)
    at Proxy.<anonymous> (avue.min.js:7:181032)
    at callWithErrorHandling (runtime-core.esm-bundler.js:199:19)
    at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:206:17)
    at baseWatchOptions.call (runtime-core.esm-bundler.js:6139:47)
    at job (reactivity.esm-bundler.js:1854:18)
    at flushPreFlushCbs (runtime-core.esm-bundler.js:359:7)
    at updateComponentPreRender (runtime-core.esm-bundler.js:5409:5)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5328:11)
    at ReactiveEffect.run (reactivity.esm-bundler.js:222:19)
```

修改表单数据后，并没有将修改的值绑定到 schedule.xxx 数据上，提交表单数据如下：

```json
{
  "employeeId": 1,
  "employeeName": "林飞",
  "employeeNo": "1",
  "deptId": "1838059619350941697",
  "date": "2024-10",
  "2024-10-1": "2,PCL",
  "schedule": {
    "2024-10-1": "1,A",
    "2024-10-2": "1,A",
    "2024-10-3": "1,A",
    "2024-10-4": "1,A",
    "2024-10-5": "1,A",
    "2024-10-6": "1,A",
    "2024-10-7": "1,A",
    "2024-10-8": "1,A",
    "2024-10-9": "1,A",
    "2024-10-10": "1,A",
    ...
  },
  "2024-10-2": "1,A",
  "2024-10-3": "1,A",
  "2024-10-4": "1,E",
  "2024-10-5": "1,A",
  "2024-10-6": "1,A",
  "2024-10-7": "2,PCL",
  "2024-10-8": "1,A",
  "2024-10-9": "1,A",
  "2024-10-10": "1,A",
  ...
}
```

开发环境：nodejs18.20.4
框架：Saber4.2.0  开源版
avue版本：3.4.4

求教 这个是什么原因产生的报错，如何修复，以及深层数据为何没有绑定上

相关截图：
![表格](https://foruda.gitee.com/images/1728974257413462062/c3d3664d_11691126.png "屏幕截图")
![表单](https://foruda.gitee.com/images/1728974335736884437/966ad7ec_11691126.png "屏幕截图")

GVP smallwei/Avue

内容风险标识

评论 (2)

GVPsmallwei/Avue

内容风险标识