Advertisement

Element-ui:el-cascader级联选择器支持逐级选择无需单选按钮

阅读量:

目标:
1、在Vue项目中需要集成el-cascader组件库。由于官方提供的是单选框,在el-cascader组件中进行优化后,在单选框点击文字区域部分进行删除处理。

效果图如下:

在这里插入图片描述

预期:(可选的一级、二级或三级选项中,默认设置为二级;当有三级选项时不再提供单选选项)

步骤如下:

1.先设置父子节点取消选中关联,从而达到选择任意一级选项的目的
代码:

复制代码
    <el-cascader :props="{ checkStrictly: true }" popper-class='自定义类名' clearable></el-cascader>

2.去掉radio单选框()

建议在el-cascader中配置popper-class插件,并将其添加到当前的Vue文件中以实现本地化扩展;此外,在项目根目录进行全局配置同样有效,并能确保跨层级组件的一致

全部评论 (0)

还没有任何评论哟~