这篇具有很好参考价值的文章主要介绍了element ui 层级选择器el-cascader只能选最后一级多选。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
在element ui 中el-cascader多选：
每个层级都可以选择，但并不是我需要的，我需要多选只能选最后一级，在网上找了很久都复杂的，最终自己选择用css样式对checkbox进行隐藏。
实现方法：
在css 中加入文章来源：https://www.toymoban.com/news/detail-510543.html
.el-cascader-panel li[aria-haspopup] .el-checkbox{
display:none;
}
关键点在于利用属性选择器，遇到属性是aria-haspopup（表示点击的时候是否会出现菜单或是浮动元素）则设置checkbox不展示则会达到一下效果
文章来源地址https://www.toymoban.com/news/detail-510543.html
到了这里，关于element ui 层级选择器el-cascader只能选最后一级多选的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
前言： 其实也不能说这个功能奇葩，做项目碰到这种需求也算合理正常，只是确实没有能直接实现这一需求的现成组件。 el-cascader作为级联选择组件，并不能同时支持一级多选，二级单选的功能，只能要么是单选或者多选。 不过既然产品提了这个需求，皱着眉头也得上啊。
实现效果图 使用el-cascader代码片段 js代码 data数据设置： // 这里是处理成自己需要的数据格式, 需要把全选的这一选项过滤掉 // 原始选择的数据格式 [[\\\'全选\\\'], [1, 2], [1, 3], [1, 4],[5, 6], [5, 7, 8],5, 7, 9],[10]] //因为我自己需要的数据是“2,3,4,5”的格式，做了以下处理 注:本文是
实现省市区三级地点级联选择，可联想； 包括始发地点、途径地点、终止地点，始发地点、终止地点均为一个，途径地点可以没有也可以是多个； 用户可以动态添加/删除途径地点。 使用级联选择器Cascader需要的树形数据，前端请求到后端获取省市区数据并处理为elementui官网
vue3+element-plus+ts 使用cascader组件提供的getCheckedNodes()
1. 多选时 获取 cascader 级联选择器的 label 值 需要给 el-cascader 加 ref 用以获取值 获取后的样式 2. 单选时获取 cascader 级联选择器的值
需求： 利用el-cascader级联实现一级菜单单选，二级菜单多选的功能，如下图所示： 思路： 使用了多选multiply属性，这个属性下，选中的数据结构为：一级为length1的数组，二级为length2的数组。利用标识符，把最后选中的一级菜单的值与标识符做对比，如不同，则让标识符的值
加载用户列表分页请求、默认请求20条数据。想添加远程搜索用户功能。原有的方法 filter-method 不能监听到输入清空数据的时候。这样搜索完无法返回默认的20条数据。 直接监听级联选择的 v-model 绑定的值是无法检测到用户自己输入的。 解决思路： el-cascader 没有提供监听用户
最近遇到一个这样一个需求，开始时间和结束时间只能选择当前周时间，而且结束时间不能比开始时间早； 上效果图： 结构文件 js代码
需求：要求日期时间选择器只能选择最多32天，其他日期为不可点击状态。 日期组件type为daterange或者datetimerange都生效 通过属性picker-options html data 效果 参考链接：https://www.jianshu.com/p/2a07de981fab
