element ui中＜el-cascader＞标签使用

最新推荐文章于 2022-06-06 17:32:33 发布

禅之乐

最新推荐文章于 2022-06-06 17:32:33 发布

阅读量961

点赞数

分类专栏： VUE 文章标签： elementui vue.js

本文链接：https://blog.csdn.net/zhangjie9852/article/details/116600704

版权

VUE 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<el-cascader
    ref="elcascader0"
    clearable
    :key="item.query"
    v-model="queryParams[item.query]"
    :options="deptList"
    :show-all-levels="false"
    @visible-change="elCascaderVisible0"
    :props="{ checkStrictly: true,value:'id',label:'name',children:'children', disabled:'noRights',emitPath:false}"></el-cascader>

// 重置激活路径，级联下拉框恢复默认，收起展开节点路径面板
elCascaderVisible0(flag) {
    if (flag && this.$refs.elcascader0[0].getCheckedNodes().length === 0) {        
        this.$refs.elcascader0[0].panel.activePath = []
        this.$refs.elcascader0[0].panel.syncActivePath()
    }
}

点击radio隐藏下拉，在watch中添加如下：

watch: {            
            queryParams: {
                deep: true,
                handler: function (val) {
                    if (val.adjustTypeId) {
                        this.$refs.elcascader0[0].dropDownVisible = false
                    }                    
                }
            }
        }