二次封装elementUI级联选择器,实现隐藏单选框,点击文字选中并关闭

<el-cascader  v-model="gids" :options="options" placeholder="导入到分类"  ref="myCascader"  @change="cascaderChange" :props="{ checkStrictly: true }" ></el-cascader>

     cascaderChange(){
                let node = this.$refs.myCascader.getCheckedNodes()[0];
                // 判断是否是最后一级
                !node.hasChildren && this.$refs.myCascader.toggleDropDownVisible();
            }

<style lang="less">
    .el-cascader-panel .el-radio{
        width: 100%;
        height: 100%;
        z-index: 10;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .el-cascader-panel .el-radio__input{
        visibility: hidden;
    }
    .el-cascader-panel .el-cascader-node__postfix {
        top: 10px;
    }
</style>