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)
还没有任何评论哟~
