Element-UI的Cascader级联选择器允许你在组件中嵌套级联选择器，允许用户查看所有级别的子选项。

以下是一个简单的示例：

```html <el-cascader v-model="value" placeholder="请选择一个地区" :options="options" :checkable="true" @change="handleSelect"

```

在这个例子中，value是当前选中的值，options是Cascader的选项数组，checkable是一个布尔值，用于决定是否可以勾选多个选项。

@change事件处理程序会在Cascader切换到新选项时触发。

注意：在使用:checkable属性时，你需要在JavaScript中添加一个value属性，以便在页面渲染时初始化级联选择器。

javascript data() { return { value: '', options: [ { id: '1', name: '城市1' }, { id: '2', name: '城市2' }, { id: '3', name: '城市3' }, { id: '4', name: '城市4' } ], }; }, methods: { handleSelect() { console.log(this.value); }, }

在这个例子中，当你在级联选择器中选择一个城市时，handleSelect方法会被调用，打印出选中的城市。