el-cascader多选隐藏
时间: 2023-11-17 19:59:32 浏览: 104
vue el-cascader所需要的省市区街道联动的数据格式
el-cascader多选隐藏可以通过使用ref来实现。具体实现方法如下:
1.在el-cascader标签上添加ref属性,例如ref="myCascader"。
2.在需要隐藏的时候,通过this.$refs.myCascader.dropDownVisible = false来实现隐藏。
同时,如果需要点击文字选中并且选中后选择框隐藏,可以通过以下步骤实现:
1.在el-cascader标签上添加expand-trigger="click"属性,使得点击文字也可以展开下拉框。
2.在change事件中添加this.$refs.myCascader.dropDownVisible = false来实现选中后选择框隐藏。
具体代码实现可以参考以下示例:
```
<el-cascader ref="myCascader" v-model="selectedOptions" :options="options" expand-trigger="click" @change="handleChange"></el-cascader>
// 在需要隐藏的时候调用
this.$refs.myCascader.dropDownVisible = false;
// change事件中添加隐藏选择框的代码
handleChange(value) {
this.selectedOptions = value;
this.$refs.myCascader.dropDownVisible = false;
}
```
阅读全文