0
点赞
收藏
分享

微信扫一扫

element ui 级联选择器 选择最后一节点关闭下拉框

少_游 2022-02-17 阅读 58

官网自带的选择最后一节点不会关闭下拉框的

修改如下:props里一定要加上这个参数 checkStrictly:true

<el-cascader
    ref="cascaders"
    :options="options"
    :props="{ checkStrictly: true }"
     clearable
    @change="handleChange"
>
</el-cascader>


methods:{

    handleChange() {
      const obj = this.$refs["cascaders"].getCheckedNodes();
      // 判断是否是最后一级
      !obj[0].hasChildren&&
      this.$refs.cascaders.toggleDropDownVisible();
    },
}

有不正确的地方,欢迎指出。 

举报

相关推荐

0 条评论