最近做项目用到了el-cascader 功能,编辑的时候默认选中节点后,下级节点不不出来了.好像是项的点击事件失效了
后面想到的办法是把点击展开下级改成鼠标移上去显示(expandTrigger:‘hover’)
有没人碰到这个问题,有其它解决方法么?
原因:
- 本身官网是点击单选框才选中,点击文字才展开下级功能.
- 后面业务要求点击文字也得选中
解决:
通过样式实现点击文字选中功能,从而引起默认选中值后点击事件失效,所以得把该样式去除
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;
}
/* 这个样式针对IE有用,不考虑IE的可以不用管*/
.el-cascader-panel .el-cascader-node__postfix {
top: 10px;
}