element ui 级联固定前两级

您好！要实现 Element UI 级联固定前两级，可以使用 Element UI 的级联选择器（Cascader）组件，并设置级联选择器的 props 属性`change-on-select`为 `true`，然后给前两级设置禁用属性`:disabled`。这样前两级就会被固定，不能被选择。

以下是一个示例代码：

<template>
  <el-cascader
    v-model="selectedOptions"
    :options="options"
    :props="{ children: 'children', label: 'label', value: 'value', disabled: 'disabled' }"
    :change-on-select="true"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [],  // 选中的选项
      options: [  // 级联选择器的选项数据
        {
          value: 'A',
          label: '一级选项A',
          children: [
            {
              value: 'A1',
              label: '二级选项A1',
              children: [
                {
                  value: 'A11',
                  label: '三级选项A11'
                },
                {
                  value: 'A12',
                  label: '三级选项A12'
                }
              ]
            },
            {
              value: 'A2',
              label: '二级选项A2',
              children: [
                {
                  value: 'A21',
                  label: '三级选项A21'
                },
                {
                  value: 'A22',
                  label: '三级选项A22'
                }
              ]
            }
          ]
        },
        // 其他选项...
      ]
    };
  }
};
</script>

在上述示例代码中，`options`数组中的每个对象表示一个选项，其中`value`和`label`分别表示选项的值和显示的文本。`children`属性表示当前选项的子选项。通过设置`disabled`属性为`true`，可以禁用对应的选项。

希望对您有帮助！如有更多问题，请随时提问。