<el-cascader 右侧图标清空

在Element UI的`el-cascader`组件中，如果你想在右侧添加一个图标并实现清空功能，你可以使用自定义节点和`clearable`属性。`el-cascader`默认提供了`clearable`属性，当设置为`true`时，会在每个选项上显示一个×图标，点击后会清除当前选择的值。

以下是一个简单的示例：

<template>
  <el-cascader
    :options="options"
    v-model="selectedValue"
    clearable
    @clear="handleClear"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            { value: '0', label: '如何使用' },
            { value: '1', label: '常见问题' }
          ]
        }
      ],
      selectedValue: []
    };
  },
  methods: {
    handleClear() {
      this.selectedValue = [];
      // 在这里可以添加任何你需要的清空操作
    }
  }
};
</script>

在这个例子中，当你点击每个选项右侧的×图标或调用`handleClear`方法时，`selectedValue`数组会被清空。

相关问题：
1. 如何在`el-cascader`中添加自定义图标？
2. 清除`el-cascader`选中的值时，`v-model`绑定的值会发生什么变化？
3. `clearable`属性是否可以禁用？如果可以，如何操作？