并不好用啊 是element plus的嘛
时间: 2023-07-19 13:29:50 浏览: 35
抱歉,我的回答有误。Element Plus 的 Cascader 组件中没有 `handleClose` 方法。要实现选中后关闭下拉框,可以通过设置 `visible` 属性来实现,具体实现如下:
```html
<template>
<el-cascader v-model="selectedOptions" :options="options" @change="handleChange"></el-cascader>
</template>
<script>
export default {
data() {
return {
options: [
{
value: 'zhinan',
label: '指南',
children: [
{
value: 'shejiyuanze',
label: '设计原则',
},
{
value: 'daohang',
label: '导航',
},
],
},
{
value: 'ziyuan',
label: '资源',
children: [
{
value: 'axure',
label: 'Axure Components',
},
{
value: 'jiaohu',
label: '组件交互文档',
},
],
},
],
selectedOptions: [],
};
},
methods: {
handleChange() {
// 选中后关闭下拉框
this.$refs.cascader.visible = false;
},
},
};
</script>
```
以上代码中,在 `change` 事件中将 Cascader 的 `visible` 属性设置为 `false`,即可关闭下拉框。由于 `visible` 属性是 Cascader 自带的属性,可以直接通过 `this.$refs.cascader` 访问到。