element-plus - Element-Plus Cascader组件单选用法展开不选中实现方法?

Question

element-plus，cascader组件的单选用法，如何展开但是不选中？

希望展开下拉框的时候能默认到期望展开的选项

Answer 1

要在Element-Plus的Cascader组件中实现单选且不选中任何选项时的展开行为，您需要使用clearable属性。

当clearable属性设置为true时，Cascader组件会在选择框中显示一个清除按钮。当用户点击该按钮时，选择框将被清空，即不选中任何选项。

以下是如何在Cascader组件中使用clearable属性的示例：

<template>  <el-cascader    v-model="selectedOptions"    :options="options"    clearable    placeholder="请选择"  ></el-cascader></template><script>export default {  data() {    return {      selectedOptions: [],      options: [        {          value: 'option1',          label: 'Option 1',          children: [            {              value: 'child1',              label: 'Child 1',            },            {              value: 'child2',              label: 'Child 2',            },          ],        },        {          value: 'option2',          label: 'Option 2',          children: [            {              value: 'child3',              label: 'Child 3',            },            {              value: 'child4',              label: 'Child 4',            },          ],        },      ],    };  },};</script>

在上面的示例中，当用户点击清除按钮时，选择框将被清空，即不选中任何选项。