vue3中el-collapse-item不想点整个标题折叠和展开

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>