cascader怎么锁定点不动

在Ant Design Vue的Cascader组件中，如果想要锁定某个层级不让用户选择，你可以通过设置`options`属性的`disabled`字段来实现。当你希望某一层级的节点禁用选择时，可以在对应项的`data`属性中添加`disabled: true`。

例如：

<template>
  <cascader :options="options" @change="handleChange"></cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          label: '地区一',
          value: 'region1',
          children: [
            { label: '城市A', value: 'cityA', disabled: true }, // 锁定这个子项
            { label: '城市B', value: 'cityB' },
          ],
        },
        // 更多选项...
      ]
    };
  },
  methods: {
    handleChange(path) {
      console.log('选中路径:', path);
    }
  }
};
</script>

在这个例子中，`cityA`节点会被锁定，用户无法选择它。当用户尝试点击时，会显示灰色并提示已禁用。