el-collapse-item组件鼠标点标题时都会折叠和展开,现在的需求只能是在点击最右边的小图标时才进行折叠和展开。组件没有提供可控制的属性,那只能想办法看看能不能通过CSS来实现。研究发现通过样式穿透果然可以。
<style lang="scss" scoped>
:deep(.el-collapse-item__header) {
pointer-events: none;
}
:deep(.el-collapse-item__arrow) {
pointer-events: auto;
}
</style>