Cascader 级联选择器只让最后一级有复选框

Cascader 级联选择器是一个常用的多级联动选择器，通常情况下，每一级的选项都是单选的，而最后一级则可以是多选的。如果你想让最后一级也只有单选，可以通过设置 `show-all-levels` 为 `false`，然后在最后一级的选项中设置 `checkable` 为 `true`，这样最后一级就只有单选了。例如：

<el-cascader
  :options="options"
  :show-all-levels="false"
  :props="{
    checkStrictly: true,
    checkable: true
  }"
></el-cascader>

相关问题

Cascader 级联选择器css隐藏复选框

如果想要在 Cascader 级联选择器中隐藏复选框，可以使用以下 CSS 样式：

.el-cascader-node__prefix {
  display: none;
}

其中，`.el-cascader-node__prefix` 是级联选择器中每个选项前面的复选框的类名，通过将其 `display` 属性设置为 `none`，可以隐藏复选框。需要注意的是，这会导致用户无法通过点击复选框来选中选项，而只能通过点击选项文本来选中。

el-cascader级联选择器选择任意一级

C知道：对于el-cascader级联选择器，您可以设置`change-on-select`属性为true，以允许选择任意一级。默认情况下，该属性为false，只有当选择完整的级联路径后才会触发change事件。但是，将`change-on-select`设置为true后，您可以在选择任意一级时触发change事件。以下是一个示例：

<template>
  <el-cascader
    :options="options"
    :props="props"
    change-on-select
    @change="handleCascaderChange"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: '1',
          label: 'Option 1',
          children: [
            {
              value: '1-1',
              label: 'Option 1-1',
              children: [
                {
                  value: '1-1-1',
                  label: 'Option 1-1-1',
                },
                {
                  value: '1-1-2',
                  label: 'Option 1-1-2',
                },
              ],
            },
            {
              value: '1-2',
              label: 'Option 1-2',
            },
          ],
        },
      ],
      props: {
        value: 'value',
        label: 'label',
        children: 'children',
      },
    };
  },
  methods: {
    handleCascaderChange(value) {
      console.log(value);
    },
  },
};
</script>

在上述示例中，将`change-on-select`设置为true后，无论选择到哪个级别，都会触发`handleCascaderChange`方法，并打印选择的值。
希望对您有所帮助！如果有任何其他问题，请随时提问。