cascader级联选择器返回的数组 把数组中各项分别赋给 detection_project_id: "", detection_sub_project_id: "", detection_three_project_id: "",

假设级联选择器返回的数组为`[a, b, c]`，你可以将其分别赋值给`detection_project_id`、`detection_sub_project_id`、`detection_three_project_id`，如下所示：

detection_project_id: a,
detection_sub_project_id: b,
detection_three_project_id: c

其中，`a`为第一级选择的值，`b`为第二级选择的值，`c`为第三级选择的值。需要注意的是，如果某一级未选择，则对应的值应该为`""`。

相关问题

avue_crud的cascader级联选择器编辑回显实现

Avue CRUD的Cascader级联选择器也可以通过v-model来实现数据的绑定，实现编辑回显需要在CRUD的配置项中进行设置。

首先，需要将编辑回显的数据转换为Cascader要求的数据格式，即一个数组，数组中的每个元素都是一个对象，包含label和value两个属性。可以通过遍历编辑回显的数据，生成一个符合要求的数组，并将其作为表单字段的初始值。

然后，在CRUD的配置项中设置对应的字段配置，包括label、name、type、options等属性。其中，type需要设置为"cascader"，options需要设置为转换后的数组。

示例代码如下：

<template>
  <avue-crud :config="config" />
</template>

<script>
export default {
  data() {
    return {
      editData: [{label: '选项1', value: '1'}, {label: '选项2', value: '2'}, {label: '选项3', value: '3'}], // 编辑回显的数据
      config: {
        fields: [{
          label: '级联选择器',
          name: 'cascader',
          type: 'cascader',
          options: [], // Cascader的选项数据
        }],
        data: { // 表单数据，包含cascader字段的初始值
          cascader: [],
        }
      }
    }
  },
  mounted() {
    // 将编辑回显的数据转换为Cascader要求的数据格式
    const cascaderOptions = this.editData.map(item => ({
      label: item.label,
      value: item.value,
      children: []
    }))
    // 在配置项中设置Cascader字段的选项数据
    this.config.fields[0].options = cascaderOptions
    // 设置表单数据的初始值
    this.config.data.cascader = this.editData.map(item => ({label: item.label, value: item.value}))
  }
}
</script>

需要注意的是，Avue CRUD的Cascader级联选择器的编辑回显实现与Avue的Cascader级联选择器的实现有些不同，需要在CRUD的配置项中设置字段的选项数据，而非直接在Cascader组件中绑定数据。

Cascader级联选择器做了清空操作选项一直保持is_active状态

如果你在 Cascader 级联选择器中清空了选项，但是选项仍然保持着 `is_active` 状态，那么可能是你在清空选项时没有正确地处理 `is_active` 属性。

一种可能的解决方法是在清空选项时手动将 `is_active` 属性设置为 `false`。你可以通过以下代码实现：

// 获取 Cascader 组件实例
const cascader = this.$refs.cascader

// 清空选项
cascader.clearSelection()

// 将所有选项的 is_active 属性设置为 false
cascader.options.forEach(option => {
  option.is_active = false
})

这样做可以确保在清空选项后，所有选项的状态都被正确地重置了。希望对你有所帮助！