需求: 实现一个四级联动的选择器,第一级、第二级不能选、只能选第三级或者第四级,同时,第一级需要禁用某些选项且不能点开子级。
模板:
配置项:
懒加载:
使用el-cascader懒加载并设置checkStrictly:true(父子节点不互相关联)时,发现
问题1:不能选择的层级还是会带有选择框。
解决办法:样式隐藏
问题2:disabled属性只能控制不能选中不能控制点开子级
解决办法:js操作dom增加is-disabled类名
问题3:选中的时候没有加载子级数据,导致子集显示“暂无数据”。
解决办法:选中的同时也加载子级数据
问题4:如果样式有问题可以检查一下有没有引用
import 'element-ui/lib/theme-chalk/cascader.css'