element plus中el-collapse 折叠面板展开时改变标题文字颜色

Element Plus中的`<el-collapse>`组件是一个用于创建折叠面板的工具，它允许内容分组并可以展开或折叠显示。若想让展开后的标题文字颜色发生变化，你可以通过自定义样式或者JavaScript来实现。这里提供一种基本的方法：

1. **CSS方式**：
首先，在你的CSS文件或组件的style标签内，添加一个新的`:expanded`伪类规则，例如：

   .el-collapse-item.is-expanded > .el-collapse-header {
     color: /* 新的颜色值 */;
   }

将`/* 新的颜色值 */`替换为你想要的颜色。

2. **JS动态修改**：
如果你想在用户交互时动态更改颜色，可以在`el-collapse-item`的`expand`事件中操作：

   import { ElCollapseItem } from 'element-plus';

   export default {
     components: {
       ElCollapseItem,
     },
     methods: {
        handleExpand(item) {
          item.$el.querySelector('.el-collapse-header').style.color = '#新颜色';
          // 或者更具体的CSS选择器，如 '.el-collapse-header::before'
        },
     },
     //...
   }

然后在需要的地方调用`handleExpand`方法。

记得替换上述代码中的`#新颜色`为你想要的新颜色值。